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

javascriptcontesto.fillStyle = colore;

Esempio

Disegniamo un quadrato utilizzando rect e riempiamolo di rosso:

html<canvas id="canvas" width="200" height="200" style="background: #f4f4f4;"></canvas>

javascriptlet canvas = document.querySelector('#canvas');
let ctx = canvas.getContext('2d');

ctx.rect(50, 50, 100, 100);
ctx.fillStyle = 'red';
ctx.fill();

Результат:

Vedi anche