Metode fillRect

Metode fillRect menggambar persegi panjang terisi pada titik yang ditentukan. Dua parameter pertama menentukan koordinat titik di mana sudut kiri atas persegi panjang yang digambar akan berada.

Sintaks

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

Contoh

Mari gambar persegi panjang terisi dengan 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