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

konteks.stroke()

Voorbeeld

Kom ons trek 'n lyn:

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

Voorbeeld

Kom ons trek 'n vierkantjie:

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

Sien ook

die metode fill,
wat gebruik word om 'n figuur met agtergrond te vul
die eienskap strokeStyle,
wat die kleur van die lyn spesifiseer