Stroke kanvas HTML () Metode

Referensi Kanvas HTML

Contoh

Gambarlah jalan, berbentuk huruf L - dengan warna merah:

Peramban Anda tidak mendukung kanvas HTML5.

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();

Dukungan Peramban

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

Method
stroke() Yes 9.0 Yes Yes Yes

Definisi dan Penggunaan

Metode stroke() sebenarnya menggambar jalur yang telah Anda tetapkan dengan semua metode moveTo() dan lineTo() tersebut. Warna default adalah hitam.

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

Sintaks JavaScript: konteks .stroke();

Referensi Kanvas HTML