Metoden strokeRect

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

Syntaks

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

Eksempel

Lad os tegne et rektangel ved hjælp af strokeRect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

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

Результат:

Se også

  • metoden fillRect,
    som tegner en udfyldt rektangel
  • metoden rect,
    som tegner en rektangel
  • metoden lineTo,
    som tegner linjer
  • egenskaben strokeStyle,
    som angiver linjens farve