Propriété shadowColor du Canvas
Exemple
Dessinez un rectangle rouge avec une ombre rouge :
JavaScript :
const canvas = document.getElementById("myCanvas");
const ctx = canvas.getContext("2d");
ctx.shadowBlur = 20;
ctx.shadowColor = "red";
ctx.fillStyle = "red";
ctx.fillRect(20, 20, 100, 80); Description
La propriété shadowColor définit ou renvoie la couleur à utiliser pour les ombres.
Voir aussi :
La propriété shadowBlur (Définir le flou de l'ombre)
La propriété shadowOffsetX (Définir la position x de l'ombre)
La propriété shadowOffsetY (Définir la position y de l'ombre)
La méthode fillRect() (Dessiner un rectangle rempli)
La propriété fillStyle() (Définir la couleur/style de remplissage)
Syntaxe
| context .shadowColor = color |
Valeurs de propriété
| Valeur | Description | Jouez-le |
|---|---|---|
| color | La valeur de couleur CSS à utiliser pour les ombres |
Support des navigateurs
L'élément <canvas> est une norme HTML5 (2014).
shadowColor est pris en charge dans tous les navigateurs modernes :
| Chrome | Edge | Firefox | Safari | Opera | IE |
| Oui | Oui | Oui | Oui | Oui | 9-11 |