Methode stroke
De methode stroke wordt aangeroepen om het
tekenen van een lijn met lineTo te voltooien,
evenals om contouren van vormen te tekenen, getekend met,
bijvoorbeeld, de methode rect.
Syntaxis
context.stroke()
Voorbeeld
Laten we een lijn tekenen:
<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
Laten we een vierkantje tekenen:
<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();
:
Zie ook
-
methode
fill,
die wordt gebruikt om een vorm met een achtergrond te vullen -
eigenschap
strokeStyle,
die de kleur van de lijn instelt
