Kaedah strokeRect
Kaedah strokeRect melukis kontur segi empat
pada titik yang ditentukan. Dua parameter pertama
menetapkan koordinat titik, di mana sudut kiri atas
segi empat yang dilukis akan berada.
Sintaks
konteks.strokeRect(x, y, lebar, tinggi);
Contoh
Mari lukis segi empat menggunakan
strokeRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Lihat juga
-
kaedah
fillRect,
yang melukis segi empat terisi -
kaedah
rect,
yang melukis segi empat -
kaedah
lineTo,
yang melukis garisan -
properti
strokeStyle,
yang menetapkan warna garisan
