Metoden fillRect

Metoden fillRect tegner en fylt rektangel på et gitt punkt. De to første parameterne angir koordinatene til punktet der øvre venstre hjørne av den tegnede rektangelen vil være.

Syntaks

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

Eksempel

La oss tegne en fylt rektangel ved hjelp av 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å

  • metoden fillRect,
    som tegner omrisset av en rektangel
  • metoden rect,
    som tegner en rektangel
  • metoden lineTo,
    som tegner linjer
  • egenskapen fillStyle,
    som angir fyllfargen