L'image n'est pas dessinée. Qu'est-ce que je fais mal?

Question

<canvas id="myCanvas" width="800" height="800"></canvas> 
<script type="text/javascript"> 

var c=document.getElementById("myCanvas"); 
var cxt=c.getContext("2d"); 
var img=new Image(); 
img.src="Images/cloud_two.png"; 
cxt.drawImage(img,0,0); 

</script> 

Answer 1

Vous devez dessiner l'image à l'intérieur d'une fonction onload, donc après ...

img.src="Images/cloud_two.png"; 

mis

img.onload = function(){ 
    cxt.drawImage(img,0,0); 
} 

Hope this helps et bonne chance!

Answer 2

Votre code fonctionne: http://jsfiddle.net/alp82/PBFzu/

j'ai remplacé l'URL de l'image, donc je suppose que votre chemin ne va pas.

Answer 3

Essayez de faire le dessin à l'intérieur img.onload comme décrit ici:

MDC Canvas tutorial: Using images