Uncaught DOMException: The operation is insecure. [Résolu]

Signaler
Messages postés
155
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
4 janvier 2021
-
Messages postés
155
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
4 janvier 2021
-
Bonjour,
j'ai voulu crée une image a partir d'un
canvas
avec
toDataUrl()
. ce canvas contient des rectangle, ligne ... avec ca marche correctement j'ai une image en png et tout .

mais des que je veux rajouter une image ca me fait ca.

surement un truc avec crossOrigin.

mon code :

 
var Canvas = document.getElementById("myCanvas");
var img = new Image();
  img.src="image.jpg";
setTimeout(function(){
    c= Canvas.getContext("2d");
    c.globalAlpha = opacity;

    c.drawImage(img, positionImg[0], 0,0);

   },50);



var image = document.getElementById("img");

 image.src = Canvas.toDataURL("image/jpg");




Configuration: Windows / Firefox 83.0

2 réponses

Messages postés
31013
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
14 janvier 2021
3 177
Bonjour,

Pas testé.. mais
1 - essaye de mettre l'url complète de l'image et pas juste son chemin relatif.
2 - essaye d'ajouter le paramètre (crossOrigin ) à ton img
var img = new Image();
img.src="http://tonsite/image.jpg";
img.crossOrigin = "Anonymous";

Messages postés
155
Date d'inscription
jeudi 27 décembre 2012
Statut
Membre
Dernière intervention
4 janvier 2021
3
il fallait le mettre dans un serveur (apach) ca marche pas sans.