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

javascriptcontext.strokeRect(x, y, breedte, hoogte);

Voorbeeld

Laten we een rechthoek tekenen met behulp van 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);

Результат:

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