Méthode fill() du Canvas
Définition et utilisation
fill() Méthode pour remplir l'image courante (chemin). La couleur par défaut est noire.
Astuce :Utilisez fillStyle propriété pour remplir une autre couleur / dégradé.
Remarque :Si le chemin n'est pas fermé, alors fill() La méthode ajoute une ligne entre le point de fin du chemin et le point de départ pour fermer le chemin, puis remplit ce chemin.
Exemple
Tracez un rectangle de 150*100 pixels, puis remplit-le avec une couleur verte :
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();
Syntaxe
context.fill();
Support du navigateur
Les numéros dans le tableau indiquent la version du navigateur qui prend en charge cette propriété pour la première fois.
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Remarque :Les versions 8 et antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
