javascript 加载图像!完成

Question

在 ubuntu 11.10 上的 Firefox 8.0 中，尽管 img.complete 为 false，但仍会调用 onload 函数 draw。我设法用 setTimeout hack 解决了这个问题，但它并不漂亮。
我尝试在设置 img.src 之前设置 img.onload 。虽然我总是以这种方式将 img.complete 视为 true，但 img.width 为零，并且 img.src si 也为空，所以它不不起作用。
有什么想法如何正确实现吗？

        var draw=function(img,ctx,x,y)
        { if(!img.complete)
            {   setTimeout(function(){draw(img,ctx,x,y);},50);
            }
            else
            {
                ctx.drawImage(img,x,y); 
            }
        }
        for(i=0;i<9;i++)
        {   img=new Image();
            img.src="/media/"+url[i];
            img.onload=(draw)(img,ctx,tile.x*offset[i].x,tile.y*offset[i].y);
        }   

Answer 1

Firefox 中的 complete 属性存在错误。一旦为 true，它就始终 true(即使您更改了图像)。

我通过测试一个新的 Image 对象解决了这个问题。