Методи stroke

Методи stroke барои ба поён расонидани кашидани хат бо истифода аз lineTo, инчунин барои контур кашидани шаклҳои кашидашуда, масалан, тавассути методи rect фарохонӣ мешавад.

Синтаксис

контекст.stroke()

Намуна

Биёед як хат кашем:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.stroke();

Намуна

Биёед як квадратча кашем:

<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(50, 50);
ctx.lineTo(150, 50);
ctx.lineTo(150, 150);
ctx.lineTo(50, 150);
ctx.closePath();
ctx.stroke();

Инчунин бубинед

методи fill,
ки барои пур кардани шакл бо замина истифода мешавад
хосияти strokeStyle,
ки рангҳои хатро муқаррар мекунад