Esempio
Disegnare due 150*100 pixel rettangoli. Riempire uno con un colore rosso e l'altra 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(); Prova tu stesso " Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente il metodo.
| metodo | |||||
|---|---|---|---|---|---|
| fill() | sì | 9.0 | sì | sì | sì |
Definizione e utilizzo
Il fill() metodo riempie il disegno corrente (percorso). Il colore predefinito è il nero.
Suggerimento: Utilizzare la fillStyle di proprietà di riempire con un altro colore / gradiente.
Nota: Se il percorso non è chiuso, il fill() metodo aggiungere una linea dall'ultimo punto al punto di inizio della strada per chiudere il percorso (come closePath() ), e quindi riempire il percorso.
| sintassi JavaScript: | context.fill(); |
|---|