Metodo HTML canvas fill()

❮ Riferimento tela HTML

Esempio

Disegna due rettangoli da 150*100 pixel. Riempi uno con un colore rosso e l'altro con un colore blu:

Il tuo browser non supporta il canvastag HTML5.

JavaScript:

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");

ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();

ctx.beginPath();
ctx.rect(40, 40, 150, 100);
ctx.fillStyle = "blue";
ctx.fill();

Supporto del browser

I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.

Method
fill() Yes 9.0 Yes Yes Yes

Definizione e utilizzo

Il metodo fill() riempie il disegno corrente (percorso). Il colore predefinito è nero.

Suggerimento: usa la proprietà fillStyle per riempire con un altro colore/gradiente.

Nota: se il percorso non è chiuso, il metodo fill() aggiungerà una linea dall'ultimo punto al punto iniziale del percorso per chiudere il percorso (come closePath() ), quindi riempirà il percorso.

sintassi JavaScript: contesto .fill();

❮ Riferimento tela HTML