lineTo मेथड

lineTo मेथड एक बिंदु से दूसरे बिंदु तक एक रेखा खींचती है। रेखा ड्राइंग पेन की वर्तमान स्थिति से निर्दिष्ट निर्देशांक तक खींची जाती है। निर्देशांक मेथड के पैरामीटर द्वारा निर्दिष्ट किए जाते हैं।

सिंटैक्स

javascriptcontext.lineTo(x, y);

उदाहरण

आइए एक रेखा खींचते हैं:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Результат:

उदाहरण

आइए एक वर्ग खींचते हैं:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.lineTo(50, 50);
ctx.stroke();

Результат:

यह भी देखें