कैनवास की ऊंचाई निर्दिष्ट करता है। HTML <कैनवास> टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। <कैनवास> टैग HTML5 में पेश किया गया है।
आइए एक साधारण <कैनवास> तत्व को दो विशिष्ट विशेषताओं चौड़ाई और ऊंचाई के साथ सभी मूल HTML5 विशेषताओं जैसे आईडी, नाम और वर्ग आदि के साथ देखें।
<canvas id="myCanvas" width="100" height="100"></canvas>
ये विशेषताएं हैं -
विशेषता | मान | विवरण |
height | pixels | कैनवास की ऊंचाई निर्दिष्ट करता है। |
width | pixels | कैनवास की चौड़ाई निर्दिष्ट करता है। |
उदाहरण
आयत बनाने के लिए कैनवास का उपयोग कैसे करें, यह जानने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं। कैनवास तत्व में एक DOM विधि है जिसे getContext कहा जाता है, जो रेंडरिंग संदर्भ और इसके ड्राइंग फ़ंक्शन प्राप्त करता है। यह फ़ंक्शन एक पैरामीटर लेता है, संदर्भ 2d का प्रकार।
<!DOCTYPE html> <html> <head> <title>HTML Canvas Tag</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>