HTML canvas stroke () metode
contoh
Menggambar bentuk path adalah huruf L merah:
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.strokeStyle="red";
ctx.stroke();
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
ctx.lineTo(20,100);
ctx.lineTo(70,100);
ctx.strokeStyle="red";
ctx.stroke();
Coba »
Dukungan Browser
Internet Explorer 9, Firefox, Opera, Chrome dan Safari dukungan stroke () metode.
Catatan: 8 dan versi sebelumnya dari Internet Explorer tidak mendukung <canvas> elemen.
Definisi dan Penggunaan
Metode stroke () benar-benar akan menarik jalan didefinisikan dengan metode moveTo () dan lineTo () dari. Warna default hitam.
Tip: Gunakan strokeStyle properti untuk menggambar warna lain / gradien.
sintaks JavaScript: | konteks .stroke ( ); |
---|
Pedoman kanvas Referensi HTML