HTML5 <canvas> टैग का उपयोग स्क्रिप्टिंग के माध्यम से ग्राफिक्स, एनिमेशन आदि बनाने के लिए किया जाता है। यह HTML5 में पेश किया गया एक नया टैग है। HTML5 कैनवास का उपयोग करके रेखाएं बनाने के लिए lineTo() मेथड का उपयोग करें।
उदाहरण
HTML5 कैनवास का उपयोग करके रेखाएं बनाने का तरीका सीखने के लिए निम्न कोड चलाएं:
<!DOCTYPE html> <html> <head> <title>HTML5 कैनवास टैग</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'); // रेखाएं बनाना ctx.beginPath(); ctx.moveTo(30, 30); ctx.lineTo(180, 100); ctx.moveTo(30, 10); ctx.lineTo(260, 100); ctx.stroke(); </script> </body> </html>moveTo() मेथड ड्राइंग पेन को निर्दिष्ट कोऑर्डिनेट्स पर ले जाता है, और lineTo() मेथड वर्तमान स्थिति से निर्दिष्ट कोऑर्डिनेट्स तक एक रेखा खींचता है।
