Metode rect

Metode rect zīmē noteiktā punktā taisnstūri. Šis taisnstūris kļūs redzams, tikai ja lietosiet metodi stroke vai fill. Pirmajā gadījumā būs kontūra, bet otrajā - aizpildīta forma.

Sintakse

javascriptkonteksts.rect(x, y, platums, augstums)

Piemērs

Uzzīmēsim kontūru, izmantojot 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();

Результат:

Piemērs

Un tagad uzzīmēsim aizpildītu formu:

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();

Результат:

Skatiet arī