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

javascriptkonteks.lineTo(x, y);

Contoh

Mari lukis garisan:

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

Результат:

Contoh

Mari lukis segi empat:

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

Результат:

Lihat juga