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 касиети,
сызыктын түсүн аныктаган