Die stroke-metode

Die metode stroke word aangeroep om die teken van 'n lyn met behulp van lineTo te voltooi, sowel as om die kontoure van figure om te trek, soos dié geteken byvoorbeeld deur die metode rect.

Sintaksis

javascriptkonteks.stroke()

Voorbeeld

Kom ons trek 'n lyn:

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

Результат:

Voorbeeld

Kom ons trek 'n vierkantjie:

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

Результат:

Sien ook