Canvas lineTo() विधि
वर्णन और उपयोग
lineTo() विधि एक नई बिंदु जोड़े, फिर उस बिंदु से आखिरी बिंदु तक की रेखा बनाएं (यह रेखा बनाता नहीं है).
सुझाव:इस विधि का उपयोग करें stroke() मैथान पर निश्चित पथ दूरी बनाने के लिए विधि
उदाहरण
उदाहरण 1
एक पथ शुरू करें, स्थान 0,0 में जाएं। स्थान 300,150 तक एक रेखा बनाएं:
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 के आकार की एक पथ दूरी बनाएं:
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();
ब्राउज़र समर्थन
तालिका में नंबरों को पहली बार पूरी तरह से समर्थन करने वाली ब्राउज़र का संस्करण कहा गया है。
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
|---|---|---|---|---|
| च्रोम | एज | फायरफॉक्स | सैफारी | ओपेरा |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
टिप्पणी:Internet Explorer 8 और अधिक पुरानी संस्करण <canvas> एलीमेंट को समर्थन नहीं देते हैं。
