Методи stroke

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

Синтаксис

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

Намуна

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

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

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

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

Результат:

Намуна

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

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

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

Результат:

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