Methode strokeRect
De methode strokeRect tekent een
omtrek van een 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
context.strokeRect(x, y, breedte, hoogte);
Voorbeeld
Laten we een rechthoek tekenen met behulp van
strokeRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Zie ook
-
methode
fillRect,
die een ingevulde rechthoek tekent -
methode
rect,
die een rechthoek tekent -
methode
lineTo,
die lijnen tekent -
eigenschap
strokeStyle,
die de kleur van de lijn bepaalt
