Методот 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,
кое го задава бојата на линијата