Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> HTML

HTML5 कैनवास से JavaScript में मान प्राप्त करना


जब हम कैनवास पर कुछ भी ड्रॉ करते हैं, तो यह ड्रॉ की गई किसी भी चीज़ की मेमोरी नहीं रखता। ड्रॉ करते समय हमें सभी आवश्यक जानकारी को स्वयं ट्रैक करना होता है। इसलिए, HTML5 कैनवास से JavaScript में मान प्राप्त करना संभव नहीं है क्योंकि यह कोई मेमोरी नहीं रखता। यह बस ऐसे ड्रॉ करता है:

<canvas id = "myCanvas" height = "300" width = "500" style = "border:2px solid #808080;"></canvas>

बटन के लिए एक फ़ंक्शन जोड़ने और उस पर क्लिक करने पर, आप वह प्राप्त नहीं कर पाएंगे जो आप चाहते हैं:

<div>    <input type = "button" value = "Submit" onclick = "submit()"> </div>

आप कैनवास से उन मानों को प्राप्त नहीं कर पाएंगे क्योंकि कैनवास सिर्फ एक बिटमैप है।


  1. JavaScript array.values() मेथड JavaScript array.values() मेथड

    JavaScript array.values() एक इटरेटर ऑब्जेक्ट लौटाता है जिसमें दिए गए ऐरे के सभी मान होते हैं। उदाहरण { fillEle.innerHTML = ; for (let x of arr.values()) { fillEle.innerHTML += x + </br>; } }); </script> </body> </html> आउटपुट यहां क

  1. जावास्क्रिप्ट में कंस्ट्रक्टर से मान वापस करना जावास्क्रिप्ट में कंस्ट्रक्टर से मान वापस करना

    परिचय जावास्क्रिप्ट में, एक कंस्ट्रक्टर फ़ंक्शन डिफ़ॉल्ट रूप से नवनिर्मित this ऑब्जेक्ट को लौटाता है। हालांकि, यदि कंस्ट्रक्टर स्पष्ट रूप से एक ऑब्जेक्ट लौटाता है (नॉन-प्रिमिटिव), तो वह ऑब्जेक्ट this के बजाय लौटाया जाता है। प्रिमिटिव मान (स्ट्रिंग, नंबर, बूलियन) लौटाने पर नजरअंदाज कर दिया जाता है।

  1. HTML5 कैनवास पर आयत (Rectangle) कैसे बनाएं? HTML5 कैनवास पर आयत (Rectangle) कैसे बनाएं?

    HTML5 <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। कैनवास एलिमेंट में getContext नामक एक DOM मेथड होता है, जो रेंडरिंग कॉन्टेक्स्ट और इसके ड्राइंग फंक्शन्स प्राप्त करता है।HTML5 कैनवास के साथ आयत बनाने के लिए fillRect(x, y, width, height) मे