lineTo পদ্ধতি
lineTo পদ্ধতি বিন্দু থেকে বিন্দুতে একটি রেখা আঁকে।
রেখাটি আঁকার জন্য বর্তমান পেন অবস্থান থেকে নির্দিষ্ট স্থানাঙ্ক পর্যন্ত আঁকা হয়।
স্থানাঙ্কগুলি পদ্ধতির প্যারামিটার দ্বারা নির্দিষ্ট করা হয়।
সিনট্যাক্স
context.lineTo(x, y);
উদাহরণ
চলুন একটি রেখা আঁকি:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();
:
উদাহরণ
চলুন একটি বর্গ আঁকি:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let 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();
:
