8

我正在使用 javascript + canvas 制作游戏。我使用下面的代码来确保

var imgLoaded = 0;
var imgToLoad = multiImgs;
var onImgLoad = function()
{
   imgLoaded++;
   if(imgLoaded == imgToLoad)
   {
      ctx.drawImage()
   }
}

for(var i = 0; i < multiImgs; i++)
{
  images[i] = new Image();
  images[i].onload = onImgLoad();
  images[i].src = 'images/'+i+'.png';
}

这段代码有时可以正常工作,尤其是。当图像被缓存时。但是,在第一次加载时,有时会给出 INDEX_SIZE_ERR: DOM Exception 1 ,我发现这是由于 Quickredfox 在此答案中建议的图像的高度和宽度不可用......但是这里只调用了 drawImage当所有的图像被加载?该错误主要发生在移动设备中

4

1 回答 1

9

您必须提供对负载处理程序的引用。否则,该函数立即执行。采用:

images[i].onload = onImgLoad;
于 2012-02-10T12:17:56.837 回答