Exemple
Dessinez deux 150*100 pixels rectangles. Remplissez un avec une couleur rouge et l'autre avec une couleur bleue:
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(); Essayez - le vous - même » support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui soutient pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| fill() | Oui | 9.0 | Oui | Oui | Oui |
Définition et utilisation
Le fill() méthode remplit le dessin courant (chemin). La couleur par défaut est noir.
Astuce: Utilisez le fillStyle propriété pour remplir avec une autre couleur / gradient.
Remarque: Si le chemin est pas fermé, le fill() méthode va ajouter une ligne à partir du dernier point au startpoint du chemin pour fermer le chemin (comme closePath() ), puis remplissez le chemin.
| Syntaxe JavaScript: | context.fill(); |
|---|