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

javascriptkonteks.rect(x, y, wydte, hoogte)

Voorbeeld

Kom ons teken 'n omsketsing met behulp van rect:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet 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:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 75);
ctx.fill();

Результат:

Sien ook