Metode lineTo

Metode lineTo menggambar garis dari satu titik ke titik lain. Garis ditarik dari posisi pena saat ini untuk menggambar hingga ke koordinat yang ditentukan. Koordinat ditentukan oleh parameter metode.

Sintaks

javascriptkonteks.lineTo(x, y);

Contoh

Mari gambar sebuah garis:

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 gambar sebuah persegi:

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