Metode strokeRect
Metode strokeRect menggambar kerangka
persegi panjang pada titik yang ditentukan. Dua parameter pertama
menentukan koordinat titik di mana
sudut kiri atas persegi panjang yang digambar akan berada.
Sintaks
konteks.strokeRect(x, y, lebar, tinggi);
Contoh
Mari gambar persegi panjang 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
-
metode
fillRect,
yang menggambar persegi panjang terisi -
metode
rect,
yang menggambar persegi panjang -
metode
lineTo,
yang menggambar garis -
properti
strokeStyle,
yang mengatur warna garis
