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: 224
JavaScript
|canvas
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