Esempio
Disegnare un rettangolo di 150 * 100 pixel, e riempirlo 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();
Prova tu stesso " Supporto browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| Metodo | |||||
|---|---|---|---|---|---|
| fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Definizione e l'utilizzo
Il fill() metodo riempie il disegno corrente (path) . Il colore predefinito è il nero.
Tip: Utilizzare la fillStyle di proprietà di riempire con un altro colore / gradiente.
Note: Se il percorso non è chiuso, il fill() metodo aggiungere una linea dall'ultimo punto al punto di inizio della strada per chiudere il percorso (like closePath() ), e quindi riempire il percorso.
| sintassi JavaScript: | context . fill( ) fill( ) ; |
|---|
<Oggetto Tela