स्क्रिप्ट से ग्राफिक्स बनाने के लिए <canvas> टैग का उपयोग करें। HTML <canvas> टैग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि बनाने के लिए है।
<canvas> टैग के निम्न एट्रिब्यूट्स हैं:
| एट्रिब्यूट | मान | विवरण |
|---|---|---|
| height | pixels | कैनवास की ऊंचाई निर्दिष्ट करता है |
| width | pixels | कैनवास की चौड़ाई निर्दिष्ट करता है |
उदाहरण
<canvas> टैग लागू करने और ग्राफिक्स बनाने का कोड:
<!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>
<canvas> केवल एक कंटेनर है। वास्तविक ड्राइंग JavaScript से getContext('2d') या getContext('webgl') के माध्यम से की जाती है। फॉलबैक कंटेंट (टैग के अंदर) असमर्थित ब्राउज़र्स में दिखता है।
