Méthode fill()
Exemple
Dessinez un rectangle de 150 x 100 pixels et remplissez-le avec la couleur rouge :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.rect(20, 20, 150, 100);
ctx.fillStyle = "red";
ctx.fill(); Description
La méthode fill() remplit le chemin actuel.
La valeur par défaut de fillStyle est #000000 (noir solide).
La méthode fill() fermera le chemin, comme le fait closePath() , avant de le remplir.
Voir aussi :
La méthode beginPath() (Commencer un nouveau chemin)
La méthode closePath() (Fermer le chemin actuel)
La méthode moveTo() (Déplacer le chemin vers un point)
La méthode lineTo() (Ajouter une ligne au chemin)
La méthode stroke() (Dessiner le chemin actuel)
Syntaxe
| context .fill( ) |
Paramètres
| AUCUN |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
fill() est pris en charge dans tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |