Metoden fillRect

Metoden fillRect tegner en udfyldt rektangel på et bestemt punkt. De første to parametre angiver koordinaterne for punktet, hvor det øverste venstre hjørne af den tegnede rektangel vil være.

Syntaks

javascriptkontekst.fillRect(x, y, bredde, højde);

Eksempel

Lad os tegne en udfyldt rektangel med 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);

Результат:

Se også