Metoden strokeRect

Metoden strokeRect tegner konturen av et rektangel på et gitt punkt. De to første parameterne angir koordinatene til punktet der øverste venstre hjørne av det tegnede rektangelet vil være.

Syntaks

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

Eksempel

La oss tegne et rektangel ved hjelp av 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 et fylt rektangel
  • metoden rect,
    som tegner et rektangel
  • metoden lineTo,
    som tegner linjer
  • egenskapen strokeStyle,
    som angir fargen på linjen