Metodo stroke
Il metodo stroke viene chiamato per completare
il disegno di una linea con lineTo,
così come per contornare le figure disegnate,
ad esempio, tramite il metodo rect.
Sintassi
contesto.stroke()
Esempio
Disegniamo una linea:
<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();
:
Esempio
Disegniamo un quadratino:
<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();
:
Vedi anche
-
metodo
fill,
che riempie una figura con lo sfondo -
proprietà
strokeStyle,
che imposta il colore della linea
