Uncaught DOMException: The operation is insecure.

Résolu/Fermé
yacinebosss Messages postés 156 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 - Modifié le 1 déc. 2020 à 17:00
yacinebosss Messages postés 156 Date d'inscription jeudi 27 décembre 2012 Statut Membre Dernière intervention 18 décembre 2021 - 2 déc. 2020 à 11:48
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

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
1 déc. 2020 à 18:48
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