Kaedah fillRect

Kaedah fillRect melukis segi empat terisi pada titik yang ditentukan. Dua parameter pertama menetapkan koordinat titik di mana penjuru kiri atas segi empat yang dilukis akan berada.

Sintaks

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

Contoh

Mari lukis segi empat terisi menggunakan fillRect:

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

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

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

Результат:

Lihat juga