एक स्क्रिप्ट के साथ ग्राफिक्स बनाने के लिए, <कैनवास> टैग का उपयोग करें। 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>