image.onload在圖像完全加載之前觸發

Question

我正在使用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異常1 ，我發現這是由於高度&圖像的寬度不可用，如Quickredfox在此answer中所建議的那樣...但在此處調用drawImage只有當所有的圖像加載？ 該錯誤主要發生在移動設備上

Answer 1

您必須向負載處理程序提供參考。否則，該函數立即執行。使用方法：

images[i].onload = onImgLoad;