Metoden stroke
Metoden stroke anropas för att slutföra
ritandet av en linje med lineTo,
samt för att rita konturer av figurer som ritats,
till exempel via metoden rect.
Syntax
kontext.stroke()
Exempel
Låt oss rita 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();
:
Exempel
Låt oss rita en kvadrat:
<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 även
-
metoden
fill,
som används för att fylla en figur med bakgrund -
egenskapen
strokeStyle,
som anger linjens färg
