Image Preloading in Canvas

Posted by smokinguns on Stack Overflow See other posts from Stack Overflow or by smokinguns
Published on 2010-05-27T13:59:13Z Indexed on 2010/05/27 14:01 UTC
Read the original article Hit count: 222

Filed under:
|

I'm drawing an Image on the canvas using the drawImage function. This is how Im setting the src property of the image:

var img = new Image(); // Create new Image object
img.src = 'test.php?filename=myfile.jpg'

and then

oCanvas.width = 600; oCanvas.height = 400; oContext.drawImage(img, 0, 0, 600, 400);

The problem is that if the src isn't set then I get the foll error:"uncaught exception: [Exception... "Component returned failure code: 0x80040111 (NS_ERROR_NOT_AVAILABLE) [nsIDOMCanvasRenderingContext2D.drawImage]" . I know I get this error coz the image hasnt finished loading. I added an alert just before the call to drawImage function to let the image finish loading and it seems to work. But it's a pain in the neck. How do I check if the image has finished loading? BTW I have to set the src property by calling a php file.

© Stack Overflow or respective owner

Related posts about JavaScript

Related posts about canvas