कैनवास की ऊंचाई निर्दिष्ट करता है। HTML <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। <canvas> टैग HTML5 में पेश किया गया था।
आइए दो विशिष्ट एट्रिब्यूट्स width और height के साथ एक साधारण <canvas> एलिमेंट देखें साथ ही सभी कोर HTML5 एट्रिब्यूट्स जैसे id, name, और class आदि।
<canvas id="myCanvas" width="100" height="100"></canvas>
एट्रिब्यूट्स
| एट्रिब्यूट | मान | विवरण |
| height | पिक्सेल | कैनवास की ऊंचाई निर्दिष्ट करता है। |
| width | पिक्सेल | कैनवास की चौड़ाई निर्दिष्ट करता है। |
उदाहरण
कैनवास का उपयोग करके आयत बनाना सीखने के लिए निम्न कोड चलाएं। कैनवास एलिमेंट में getContext नामक एक DOM मेथड होता है, जो रेंडरिंग कॉन्टेक्स्ट और इसके ड्राइंग फंक्शन्स प्राप्त करता है। यह फंक्शन एक पैरामीटर लेता है, कॉन्टेक्स्ट का प्रकार 2d।
<!DOCTYPE html> <html> <head> <title>HTML कैनवास टैग</title> </head> <body> <canvas id = "myCanvas"></canvas> <script> var c = document.getElementById('myCanvas'); var ctx = c.getContext('2d'); ctx.fillStyle = '#7cce2b'; ctx.fillRect(0,0,300,100); </script> </body> </html>उपयोग के मामले: गेम्स, चार्ट्स, इमेज एडिटिंग, रियल-टाइम डेटा विज़ुअलाइज़ेशन।
