Metod rect

Metod rect verilmiş nöqtədə düzbucaqlı çəkir. Bu düzbucaqlı yalnız stroke və ya fill metodları tətbiq edildikdə görünən olacaq. Birinci halda kontur, ikinci halda isə rənglənmiş fiqur alınacaq.

Sintaksis

javascriptkontekst.rect(x, y, en, hundurluk)

Nümunə

Gəlin rect ilə kontur çəkək:

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

Результат:

Nümunə

İndi isə rənglənmiş fiqur çəkək:

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

Результат:

Həmçinin bax