HTML canvas lineTo () metode
contoh
Mulai jalan, ke posisi 0,0. 300, 150 mencapai posisi untuk membuat garis:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(0,0);
ctx.lineTo(300,150);
ctx.stroke();
Coba »
Dukungan Browser
Internet Explorer 9, Firefox, Opera, Chrome dan Safari dukungan lineTo () metode.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
Metode lineTo () untuk menambahkan titik baru, dan kemudian membuat garis dari titik itu ke kanvas di titik yang ditentukan terakhir (metode ini tidak membuat garis).
Tip: Gunakan stroke () metode untuk menggambar jalur yang sebenarnya di kanvas.
sintaks JavaScript: | konteks.lineTo (x, y); |
---|
Nilai parameter
参数 | 描述 |
---|---|
x | 路径的目标位置的 x 坐标。 |
y | 路径的目标位置的 y 坐标。 |
contoh yang lebih
contoh
Menggambar bentuk path adalah 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();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.stroke();
Coba »
Pedoman kanvas Referensi HTML