strokeRect әдісі

strokeRect әдісі берілген нүктеде тіктөртбұрыштың контурін салады. Алғашқы екі параметр сызылған тіктөртбұрыштың жоғарғы сол жақ бұрышы болатын нүктенің координаттарын көрсетеді.

Синтаксис

контекст.strokeRect(x, y, ені, биіктігі);

Мысал

strokeRect көмегімен тіктөртбұрыш салайық:

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

Сондай-ақ қараңыз

fillRect әдісі,
ол толтырылған тіктөртбұрышты салады
rect әдісі,
ол тіктөртбұрышты салады
lineTo әдісі,
ол сызықтарды салады
strokeStyle қасиеті,
ол сызықтың түсін белгілейді