HTML5 <कैनवास> टैग का उपयोग स्क्रिप्टिंग का उपयोग करके ग्राफिक्स, एनिमेशन आदि को आकर्षित करने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास का उपयोग करके रेखाएँ खींचने के लिए lineTo() विधि का उपयोग करें।
HTML5 कैनवास का उपयोग करके रेखाएँ कैसे खींचना है, यह जानने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं
उदाहरण
<!DOCTYPE html> <html> <head> <title>HTML5 Canvas Tag</title> </head> <body> <canvas id="newCanvas" width="400" height="300" style="border:1px solid #000000;"></canvas> <script> var c = document.getElementById('newCanvas'); var ctx = c.getContext('2d'); // Drawing lines ctx.beginPath(); ctx.moveTo(30, 30); ctx.lineTo(180, 100); ctx.moveTo(30, 10); ctx.lineTo(260, 100); ctx.stroke(); </script> </body> </html>
आउटपुट