HTML कैनवास लाइनटू () विधि
उदाहरण
एक पथ शुरू करें, स्थिति 0,0 पर जाएँ। 300,150 की स्थिति के लिए एक पंक्ति बनाएँ:
जावास्क्रिप्ट:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0, 0);
ctx.lineTo(300, 150);
ctx.stroke();
ब्राउज़र समर्थन
तालिका में संख्याएं पहले ब्राउज़र संस्करण को निर्दिष्ट करती हैं जो पूरी तरह से विधि का समर्थन करता है।
Method | |||||
---|---|---|---|---|---|
lineTo() | Yes | 9.0 | Yes | Yes | Yes |
परिभाषा और उपयोग
लाइनटू () विधि एक नया बिंदु जोड़ती है और कैनवास में अंतिम निर्दिष्ट बिंदु से उस बिंदु तक एक रेखा बनाती है (यह विधि रेखा नहीं खींचती है)।
युक्ति: वास्तव में कैनवास पर पथ खींचने के लिए स्ट्रोक() विधि का उपयोग करें ।
जावास्क्रिप्ट सिंटैक्स: | संदर्भ .lineTo ( एक्स, वाई ); |
---|
पैरामीटर मान
Parameter | Description | Play it |
---|---|---|
x | The x-coordinate of where to create the line to | |
y | The y-coordinate of where to create the line to |
और ज्यादा उदाहरण
उदाहरण
L अक्षर के आकार का एक पथ बनाएं:
जावास्क्रिप्ट:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.lineTo(20, 100);
ctx.lineTo(70, 100);
ctx.stroke();
❮ HTML कैनवास संदर्भ