tutorial pengembangan web terbaru
 

HTML canvas stroke() Method

<HTML Canvas Referensi

Contoh

Menggambar jalur, berbentuk seperti huruf L - dalam warna merah:

YourbrowserdoesnotsupporttheHTML5canvastag.

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();
Cobalah sendiri "

Dukungan Browser

Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung metode ini.

metode
stroke() iya nih 9.0 iya nih iya nih iya nih

Definisi dan Penggunaan

The stroke() metode sebenarnya menarik jalur yang telah Anda tetapkan dengan semua moveTo() dan lineTo() metode. Warna default hitam.

Tip: Gunakan strokeStyle properti untuk menggambar dengan warna lain / gradien.

sintaks JavaScript: context.stroke();

<HTML Canvas Referensi