Metodo HTML canvas fill()
Esempio
Disegna un rettangolo di 150*100 pixel e riempilo con il colore rosso:
JavaScript:
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill();
Supporto browser
I numeri nella tabella specificano la prima versione del browser che supporta completamente il metodo.
Method | |||||
---|---|---|---|---|---|
fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
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(); |
---|
❮ Oggetto Tela