Manuale HTML

Completo elenco HTML

Metodo fill() su canvas HTML

fill() è un metodo dell'API Canvas 2D che riempe il percorso corrente o esistente in base al colore di riempimento attuale. Adotta le regole di contorno non zero o di contorno dispari.

Manuale di riferimento per HTML canvas

Esempio online

Disegna un quadrato di 100x100 pixel e riempi con rosso:

Esempio

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Utilizzo del metodo fill() su canvas HTML - Guida di base (oldtoolbag.com)</title>
</head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px solid #d3d3d3;">
Il suo browser non supporta il tag canvas HTML5.
</canvas>
<script>
var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
ctx.rect(20,20,100,100);
ctx.fillStyle="red";
ctx.fill();
</script>　
</body>
</html>

Prova a vedere ‹/›

Compatibilità del browser

IEFirefoxOperaChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome e Safari supportano fill() Metodi.

Attenzione:Internet Explorer 8 e le versioni precedenti non supportano l'elemento <canvas>.

Definizione e uso

Il metodo fill() riempie l'oggetto grafico corrente (percorso). Il colore predefinito è nero.

Suggerimento:Usa fillStyle proprietà per riempire un altro colore/gradiente.

Attenzione:Se il percorso non è chiuso, il metodo fill() aggiungerà una linea tra il punto di fine del percorso e il punto di partenza per chiudere il percorso (come) closePath() uguali），poi riempi il percorso.

Sintassi JavaScript:	context.fill();

Manuale di riferimento per HTML canvas

HTML: <template> etichetta