Proprietà fillStyle
La proprietà fillStyle imposta il colore di riempimento
di una forma quando si disegna su canvas. Il valore
della proprietà può essere qualsiasi unità
CSS per il colore.
Sintassi
contesto.fillStyle = colore;
Esempio
Disegniamo un quadrato utilizzando rect
e riempiamolo di rosso:
<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>
let canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');
ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();
:
Vedi anche
-
il metodo
strokeStyle,
che imposta il colore della linea
