javascript - HTML5 & JS: Getting Image Width -

संपादित करें:
मैंने markE सुझाव दिया छवि को लोड किए जाने के बाद संदर्भ देने के लिए ज़रूरी है। '। Onload' फ़ंक्शन का उपयोग करके, मैं इसे प्राप्त करता हूं। फिर, छवि का संदर्भ देने के लिए, मैं बस 'this.width' टाइप कर रहा हूं, क्योंकि मैं छवि के दायरे में हूं।

संपादित करने का अंत < / P>

मेरे कैनवास ऑब्जेक्ट को विभिन्न छवियों को आकर्षित करना है ये छवियां मूल रूप से वस्तुओं के दृश्य हैं जब एक छवि की चौड़ाई प्राप्त करने का प्रयास करते हैं, तो मुझे एक घटिया शून्य के साथ छोड़ दिया जाता है:

  this.image = new image (); // src कन्स्ट्रक्टर के लिए एक पैरामीटर है जो इस कोड में चल रहा है। This.image.src = src; console.log (this.image.width);  

यह कोड, जैसा मैंने समझाया, शून्य देता है।

अब तक, मुझे पता है कि लौटे हुए चौड़ाई छवि के प्रारंभिक कन्स्ट्रक्टर पर आधारित है -
इस मामले में, 'नई छवि ();' भाग इसलिए, यदि कुछ भी पैरामीटर के रूप में डाला नहीं जाता है, तो वह शून्य के रूप में गिना जाता है।

हालांकि, अगर मैं उदाहरण देता हूं:

  this.image = new image (2, 2 );  

.. 'this.image.width' का लौटा मूल्य 2 है।

मेरा प्रश्न है: कैसे करें मैं छवि को लोड करने से पहले इसे जानने के बिना चौड़ाई का संदर्भ देता हूं?

आपका छवि आकार तब तक ज्ञात नहीं है जब तक कि यह पूरी तरह लोड नहीं हो जाता और जब तक यह असिंक्रोनस रूप से लोड हो जाता है, तब तक sizing नहीं आती है। एसआरसी

.ऑनलाइन कॉलबैक सेट करें और किसी भी कोड को चौड़ाई, उस कॉलबैक के भीतर ऊंचाई की आवश्यकता :

<पूर्व> // एक नई छवि को this.image = नया चित्र (); // जब छवि पूरी तरह से लोड हो गई है, तब के लिए कॉलबैक सेट करें। Image.onload = function () {// छवि लोड की गई है और इसका वास्तविक आकार अब console.log (this.width) ज्ञात है; } // src एक कंस्ट्रक्टर के लिए एक पैरामीटर है जो इस कोड में चल रहा है। This.image.src = src;