Metoden stroke
Metoden stroke kaldes for at afslutte
tegning af en linje med lineTo,
samt for at omride konturer af figurer, der er tegnet,
for eksempel via metoden rect.
Syntaks
kontekst.stroke()
Eksempel
Lad os tegne en linje:
<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();
:
Eksempel
Lad os tegne en firkant:
<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();
:
Se også
-
metoden
fill,
som bruges til at fylde en figur med baggrund -
egenskaben
strokeStyle,
som angiver linjens farve
