HTML कैनवास पर ड्राइंग जावास्क्रिप्ट के साथ की जाती है। कैनवास पर ड्राइंग से पहले getElementById() और getContext() HTML DOM मेथड्स का उपयोग करें। HTML में तारा बनाने के लिए कैनवास एलिमेंट का उपयोग करें।
कैनवास के साथ, तारा बनाने के लिए lineTo() मेथड का उपयोग करें। lineTo() मेथड में x और y पैरामीटर मान शामिल होते हैं, जो रेखाओं को स्थित करने में मदद करते हैं।
उदाहरण
HTML5 कैनवास का उपयोग करके तारा बनाने के लिए निम्न कोड चलाएं:
<!DOCTYPE HTML> <html> <head> <title>HTML5 कैनवास टैग</title> </head> <body> <canvas id="newCanvas" width="300" height="250"></canvas> <script> var canvas = document.getElementById('newCanvas'); var ctx = canvas.getContext('2d'); ctx.fillStyle = "blue"; ctx.beginPath(); ctx.moveTo(108, 0.0); ctx.lineTo(141, 70); ctx.lineTo(218, 78.3); ctx.lineTo(162, 131); ctx.lineTo(175, 205); ctx.lineTo(108, 170); ctx.lineTo(41.2, 205); ctx.lineTo(55, 131); ctx.lineTo(1, 78); ctx.lineTo(75, 68); ctx.lineTo(108, 0); ctx.closePath(); ctx.fill(); </script> </body> </html>closePath() मेथड अंतिम पॉइंट से शुरुआती पॉइंट तक एक रेखा जोड़कर पथ को बंद करता है।
