Metode Canvas lineTo()
Definisi dan penggunaan
lineTo() Metode untuk menambahkan titik baru dan membuat jalur dari titik itu ke titik yang terakhir yang ditentukan di kanvas (metode ini tidak akan membuat jalur).
Petunjuk:Gunakan stroke() Metode ini menggambar jalur yang pasti di atas kanvas.
Instan
Contoh 1
Mulai jalur, pindah ke lokasi 0,0. Buat jalur ke lokasi 300,150:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Petunjuk:Lebih banyak contoh di bawah halaman.
Sintaks
context.lineTo(x,y);
Nilai parameter
| Parameter | Deskripsi |
|---|---|
| x | Kordinat x titik tujuan jalur. |
| y | Kordinat y titik tujuan jalur. |
Lebih banyak contoh
Contoh 2
Dibuat satu jalan, bentuknya seperti huruf L:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
Dukungan pereka
Nombor dalam tabel menunjukkan versi pereka paling awal yang mendukung sifat ini.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Keterangan:Internet Explorer 8 dan versi sebelumnya tidak mendukung elemen <canvas>.
