metode lineTo() canvas HTML
definisi dan penggunaan
lineTo() metode untuk menambahkan titik baru, lalu buat jalur dari titik itu ke titik yang terakhir yang ditentukan di kanvas (metode ini tidak akan membuat jalur).
Petunjuk:gunakan stroke() metode menggambar jalur yang pasti di atas kanvas.
contoh
Contoh 1
mulai jalur baru, 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:tawarkan lebih banyak contoh di bawah halaman dasar.
gramatika
context.lineTo(x,y);
nilai parameter
| parameter | deskripsi |
|---|---|
| x | tujuan x koordinat lokasi jalur. |
| y | tujuan y koordinat lokasi jalur. |
更多範例
Contoh 2
Garis jalur untuk menampilkan 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 browser
Angka di tabel menunjukkan versi browser pertama yang mendukung atribut ini penuh.
| 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>.
