Metodo strokeRect
Il metodo strokeRect disegna il contorno
di un rettangolo in un punto specificato. I primi due parametri
impostano le coordinate del punto in cui si troverà
l'angolo superiore sinistro del rettangolo disegnato.
Sintassi
contesto.strokeRect(x, y, larghezza, altezza);
Esempio
Disegniamo un rettangolo utilizzando
strokeRect:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.strokeRect(50, 50, 100, 75);
:
Vedi anche
-
metodo
fillRect,
che disegna un rettangolo riempito -
metodo
rect,
che disegna un rettangolo -
metodo
lineTo,
che disegna linee -
proprietà
strokeStyle,
che imposta il colore della linea
