Méthode fill() de canvas HTML

Définition et utilisation

fill() La méthode rempli l'image courante (chemin) par défaut. La couleur par défaut est noire.

Avis :Veuillez utiliser fillStyle l'attribut 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

Dessinez un rectangle de 150*100 pixels et colorez-le en vert :

Votre navigateur ne prend pas en charge la balise HTML5 canvas.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="green";
ctx.fill();

Essayez-le vous-même

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 :Internet Explorer 8 et les versions antérieures ne prennent pas en charge l'élément <canvas>.