एक स्क्रिप्ट के साथ ग्राफिक्स बनाने के लिए, <कैनवास> टैग का उपयोग करें। HTML <कैनवास> टैग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि बनाने के लिए है।
निम्नलिखित <कैनवास> टैग की विशेषताएं हैं -
विशेषता वें> <वें शैली ="चौड़ाई:18.1965%; पाठ-संरेखण:केंद्र;">मान वें> <वें शैली ="चौड़ाई:64.7343%; पाठ-संरेखण:केंद्र;">विवरण वें> | ||
---|---|---|
height | पिक्सेल | कैनवास की ऊंचाई निर्दिष्ट करता है। |
width | पिक्सेल | कैनवास की चौड़ाई निर्दिष्ट करता है। |
उदाहरण
आप <कैनवास> टैग को लागू करने और ग्राफिक्स बनाने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -
<!DOCTYPE html> <html> <head> <title>HTML Canvas Tag</title> </head> <body> <canvas id = "newCanvas">Your browser does not support canvas tag.</canvas> <script> var c = document.getElementById('newCanvas'); var ctx = c.getContext('2d'); ctx.fillStyle = '#00AEEF'; ctx.fillRect(0,0,180,50); </script> </body> </html>