De rect methode
De methode rect tekent een rechthoek op een bepaald punt.
Deze rechthoek wordt alleen zichtbaar
als je de methode stroke
of fill toepast.
In het eerste geval krijg je een omtrek, en in het tweede
- een gevulde vorm.
Syntaxis
context.rect(x, y, breedte, hoogte)
Voorbeeld
Laten we een omtrek tekenen met rect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.rect(50, 50, 100, 75);
ctx.stroke();
:
Voorbeeld
En laten we nu een gevulde vorm tekenen:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.rect(50, 50, 100, 75);
ctx.fill();
:
Zie ook
-
methode
fillRect,
die een gevulde rechthoek tekent -
methode
strokeRect,
die de omtrek van een rechthoek tekent
