Bonjour à tous,
Voilà je suis bloqué sur un problème depuis plusieurs jours, et malgré tout ce qu'il y a sur Google, je n'arrive pas à le régler.
Mon problème est le suivant : J'ai un canvas, dans lequel je coupe des images en deux, pour les recoller et en faire de nouvelles (c'est un jeux pour enfant), et j'aimerais pouvoir sauvegarder la nouvelle image (donc composée de deux moitié d'images différentes).
Voilà mon code qui dessine mes images :
Et quand j'appelle ce morceau de code :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24 var ctx; draw = function() { ctx = document.getElementById("canvas").getContext('2d'); img.onload = function() { if( ciseaux == "V" ) { ctx.drawImage(img, 0, 0, 200, 400, 0, 0, 200, 400); ctx.drawImage(img2, 200, 0, 200, 400, 200 + espace, 0, 200, 400); } else { ctx.drawImage(img, 0, 0, 400, 200, 0, 0, 400, 200); ctx.drawImage(img2, 0, 200, 400, 200, 0, 200 + espace, 400, 200); } }; img2.onload = function() { if( ciseaux == "V" ) { ctx.drawImage(img, 0, 0, 200, 400, 0, 0, 200, 400); ctx.drawImage(img2, 200, 0, 200, 400, 200 + espace, 0, 200, 400); } else { ctx.drawImage(img, 0, 0, 400, 200, 0, 0, 400, 200); ctx.drawImage(img2, 0, 200, 400, 200, 0, 200 + espace, 400, 200); } }; };
Il me retourne une erreur de sécurité, qui est celle-ci :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3 var canvas = document.getElementById("canvas"); var dataUrl = canvas.toDataURL("image/jpeg"); console.log(dataUrl);
Uncaught SecurityError: Failed to execute 'toDataURL' on 'HTMLCanvasElement': tainted canvases may not be exported.
Vous remerciant d'avance.
Cordialement.
Partager