Metod rect
Metod rect berilgan nuqtada
to'rtburchak chizadi. Ushbu to'rtburchak
ko'rinadigan bo'lishi uchun stroke
yoki fill metodlarini qo'llash kerak.
Birinchi holatda kontur, ikkinchi holatda esa
- to'ldirilgan shakl hosil bo'ladi.
Sintaksis
kontekst.rect(x, y, kenglik, balandlik)
Misol
Keling, rect yordamida kontur chizamiz:
<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();
:
Misol
Endi esa to'ldirilgan shakl chizamiz:
<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();
:
Shuningdek qarang
-
metod
fillRect,
bu to'ldirilgan to'rtburchak chizadi -
metod
strokeRect,
bu to'rtburchak konturini chizadi
