Exemple
Tracer un rectangle de 150 * 100 pixels, et le remplir avec la couleur rouge:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,150,100);
ctx.fillStyle="red";
ctx.fill();
Essayez vous - même » Support du navigateur
Les chiffres du tableau indiquent la première version du navigateur qui prend en charge pleinement la méthode.
| méthode | |||||
|---|---|---|---|---|---|
| fill() | 4.0 | 9.0 | 3.6 | 4.0 | 10.1 |
Définition et utilisation
Le fill() méthode remplit le dessin courant (path) . La couleur par défaut est noir.
Tip: Utilisez la fillStyle propriété pour remplir une autre couleur / dégradé.
Note: Si le chemin est pas fermé, le fill() méthode ajoutera une ligne à partir du dernier point au startpoint du chemin de fermer le chemin (like closePath() ), puis remplissez le chemin.
| syntaxe JavaScript: | context . fill( ) fill( ) ; |
|---|
<Canvas objet