Metod strokeRect
strokeRect metodi berilgan nuqtada
to'rtburchak konturini chizadi. Birinchi ikkita parametr
chizilgan to'rtburchakning chap yuqori burchagi
joylashadigan nuqta koordinatalarini belgilaydi.
Sintaksis
kontekst.strokeRect(x, y, kenglik, balandlik);
Misol
Keling strokeRect yordamida
to'rtburchak chizamiz:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Shuningdek qarang
-
fillRectmetodi,
bu bo'yalgan to'rtburchak chizadi -
rectmetodi,
bu to'rtburchak chizadi -
lineTometodi,
bu chiziqlar chizadi -
strokeStylexususiyati,
bu chiziq rangini belgilaydi