De fillRect-methode

De methode fillRect tekent een gevulde rechthoek op een bepaald punt. De eerste twee parameters bepalen de coördinaten van het punt waar de linkerbovenhoek van de getekende rechthoek zich zal bevinden.

Syntaxis

javascriptcontext.fillRect(x, y, breedte, hoogte);

Voorbeeld

Laten we een gevulde rechthoek tekenen met 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);

Результат:

Zie ook

methode fillRect,
die de omtrek van een rechthoek tekent
methode rect,
die een rechthoek tekent
methode lineTo,
die lijnen tekent
eigenschap fillStyle,
die de vulkleur instelt