HTML कैनवस lineTo() तरीका

HTML5 Canvas संदर्भ दस्तावेज

परिभाषा और उपयोग

lineTo() एक नई बिन्दु जोड़ें और उससे अंतिम निर्दिष्ट कैनवस के बिन्दु तक की लाइन बनाएं (यह तरीका लाइन नहीं बनाता है)。

सूचना:इस तरीका का उपयोग करें stroke() कैनवस पर विशिष्ट पथ को दूरबीन रंग करने के लिए तरीका

उदाहरण

उदाहरण 1

एक पथ शुरू करें और स्थान 0,0 पर जाएं। 300,150 स्थान तक पहुंचने वाली एक लाइन बनाएं:

आपका ब्राउज़र HTML5 canvas टैग को समर्थन नहीं देता है。

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();

स्वयं आयात करें

सूचना:पान के निचले हिस्से में और उदाहरण दिया गया है。

व्याकरण

context.lineTo(x,y);

पैरामीटर का मूल्य

पैरामीटर वर्णन
x लक्ष्य स्थान के x स्थानांक
y लक्ष्य स्थान के y स्थानांक

更多例子

उदाहरण 2

एक पथ बनाएं जो अक्षर L के आकार का हो:

आपका ब्राउज़र HTML5 canvas टैग को समर्थन नहीं देता है。

JavaScript:

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();

स्वयं आयात करें

ब्राउज़र समर्थन

तालिका में नंबर इस गुण को पहली बार समर्थन करने वाले ब्राउज़र का संस्करण को इंगित करते हैं。

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
4.0 9.0 3.6 4.0 10.1

टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。

HTML5 Canvas संदर्भ दस्तावेज