Comment déterminer si l'image est déjà dessinée dans HTML Canvas

Question

supposé que j'ai une image /site/image1.jpg en dessinant cela sur la toile ce serait quelque chose comme ça.

var image = new Image(); 
image.src = "/site/image1.jpg"; 
image.onload = function(){ 
    context.drawImage(image,x,y); 
} 

En supposant que ma connexion Internet est si lente, comment saurais-je que l'image était déjà dessinée sur la toile?

Merci.

Answer 1

Pour vous entraîner si l'image a été dessinée, conservez un drapeau ou marquez l'image.

var image = new Image(); 
image.src = "blah.foo"; 
image.drawn = false; // Add a property to indicate if the image has been drawn 
image.onload = function(){ 
    ctx.drawImage(image,0,0); 
    image.drawn = true; // flag it as drawn 
} 
// then later you if you want to know if its been drawn 
if(image.drawn){ 
    console.log("Yes its been drawn."); 
}