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