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

javascriptcontext.stroke()

Voorbeeld

Laten we een lijn tekenen:

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

Laten we een vierkantje tekenen:

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

Результат:

Zie ook