image. छवि पूरी तरह से लोड होने से पहले आग लगाना

Question

मैं जावास्क्रिप्ट + कैनवास का उपयोग कर एक गेम बना रहा हूं। मैं कई बार

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'; 
} 

इस कोड को सुनिश्चित करने के लिए नीचे दिए गए कोड का उपयोग ठीक काम करता है, esp। जब छवियों को कैश किया जाता है। हालांकि, पहली बार लोड होने पर, यह INDEX_SIZE_ERR देता है: DOM अपवाद 1 जो मुझे मिली & छवि की चौड़ाई answer में क्विक्रेडफ़ॉक्स द्वारा सुझाए गए अनुसार उपलब्ध नहीं है ... लेकिन फिर यहां drawImage को कॉल किया जाता है केवल तभी जब सभी छवियों को लोड किया जाता है? त्रुटि प्राथमिक रूप से मोबाइल उपकरणों में होती है

Answer 1

आपको लोड हैंडलर को संदर्भ प्रदान करना होगा। अन्यथा, फ़ंक्शन तुरंत निष्पादित होता है। उपयोग करें:

images[i].onload = onImgLoad;