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
konteks.lineTo(x, y);
Contoh
Mari gambar sebuah garis:
<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 gambar sebuah persegi:
<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();
:
