Uncaught DOMException: The operation is insecure.

Résolu
yacinebosss Messages postés 156 Date d'inscription   Statut Membre Dernière intervention   -  
yacinebosss Messages postés 156 Date d'inscription   Statut Membre Dernière intervention   -
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
A voir également:

2 réponses

jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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";

0
yacinebosss Messages postés 156 Date d'inscription   Statut Membre Dernière intervention   3
 
il fallait le mettre dans un serveur (apach) ca marche pas sans.
0