Metode rect
Die metode rect teken 'n reghoek op 'n
gegewe punt. Hierdie reghoek sal slegs sigbaar
word as die metode stroke
of fill toegepas word.
In die eerste geval sal dit 'n omsketsing wees, en in die tweede
- 'n gevulde vorm.
Sintaksis
konteks.rect(x, y, wydte, hoogte)
Voorbeeld
Kom ons teken 'n omsketsing met behulp van 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 nou teken ons 'n gevulde vorm:
<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();
:
Sien ook
-
metode
fillRect,
wat 'n gevulde reghoek teken -
metode
strokeRect,
wat 'n reghoekomsketsing teken
