Mbinu stroke

Mbinu stroke inaitwa kukamilisha uchoro wa mstari kwa kutumia lineTo, na pia kwa mstari wa contour wa maumbo yaliyochorwa, kwa mfano, kupitia mbinu rect.

Syntax

javascriptmuktadha.stroke()

Mfano

Wacha tuchore mstari:

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

Результат:

Mfano

Wacha tuchore mraba:

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

Результат:

Angalia pia