Metodo HTML canvas fill()
Esempio
Disegna due rettangoli da 150*100 pixel. Riempi uno con un colore rosso e l'altro con un colore blu:
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