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

javascriptkonteks.strokeRect(x, y, lebar, tinggi);

Contoh

Mari gambar persegi panjang menggunakan strokeRect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.strokeRect(50, 50, 100, 75);

Результат:

Lihat Juga