Kaedah lineTo
Kaedah lineTo melukis garisan dari satu titik
ke titik lain. Garisan dilukis dari kedudukan semasa
pen lukisan ke koordinat yang ditentukan.
Koordinat ditentukan oleh parameter kaedah.
Sintaks
konteks.lineTo(x, y);
Contoh
Mari lukis garisan:
<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();
:
Contoh
Mari lukis segi empat:
<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();
:
