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

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

Contoh

Mari lukis segi empat 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