Hindi subtitles

← cs255_unit1_04_p_Loading-Images

Get Embed Code
8 Languages

Showing Revision 1 created 03/20/2013 by Nirmal Khatua.

  1. कैनवास बातचीत कि जई का उपयोग करता है, के थोक है प्रदान के लिए छवियों के माध्यम से
  2. कैनवास। कैनवास को किसी छवि को बनाने के लिए हम पहले इसे लोड करने के लिए है।
  3. कोई छवि को लोड करने के लिए, हम एक नई छवि ऑब्जेक्ट बनाने की आवश्यकता में
  4. जावास्क्रिप्ट, तीन चरणों का शामिल है। नंबर 1, हम की घोषणा करने के लिए की जरूरत है
  5. छवि ऑब्जेक्ट। 2 नंबर, हम अपनी onload फंक्शन को परिभाषित करने की जरूरत है। तो नंबर 3
  6. हम को image.source विशेषता सेट करने के लिए की जरूरत है। इसके लायक बात ध्यान रखने के रूप में जल्दी के रूप में
  7. इस छवि के माध्यम से एक मान जावा स्क्रिप्ट सेट है तो स्रोत संपत्ति बंद किक जाएगा एक
  8. फ़ंक्शन को लोड। इस कारण, हम तो कॉलबैक फ़ंक्शन पहले निर्दिष्ट करने की आवश्यकता
  9. स्रोत विशेषता सेट करने से पहले। अन्यथा छवि डेटा लोड होगा और
  10. हम एक कॉलबैक प्राप्त प्राप्त नहीं होगा।
  11. अब चलो इस कोड पर एक नज़र रखना। यहाँ छवि है कि हम चाहते हैं का url है
  12. आप लोड करने के लिए। क्या हम ऐसा करने के लिए आप चाहते हैं एक नई छवि ऑब्जेक्ट, के बाद बना है
  13. कदम हम अभी उल्लेख किया, और onload के लिए फ़ंक्शन और स्रोत गुण सेट करें
  14. उस छवि कोड में वर्णित। सुनिश्चित करें कि आपके onload समारोह है कि
  15. इस onImageLoad यहाँ, जो वास्तव में कुछ अच्छा का मुद्रण करेंगे नीचे करने के लिए असाइन किया गया
  16. छोटी संदेश दे तुम जानते हो कि बातें भरी हुई है कंसोल लॉग करने के लिए
  17. ठीक से। यदि आप या नहीं अपनी छवि को लोड है के बारे में भ्रमित कर रहे हैं, नहीं
  18. Chrome की डेवलपर उपकरण नेटवर्क टैब पर, जो की सूची है पर बाहर की जाँच करने के लिए भूल जाओ
  19. या नहीं छवि लोड किया गया है, और कितनी देर तक यह यह करने के लिए ले लिया।