Recommandation de cours :
Attribut Canvas shadowColor
Définition et utilisation shadowColor
Remarque :Veuillez configurer ou retourner la couleur utilisée pour l'ombre avec l'attribut shadowBlur Les attributs ensemble pour créer une ombre.
Avis :Veuillez utiliser les attributs shadowOffsetX et shadowOffsetY L'attribut est utilisé pour ajuster l'effet d'ombre.
Exemple
Tracez un rectangle bleu avec une ombre noire :
JavaScript :
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Syntaxe
context.shadowColor=color;
Valeur de l'attribut
| Valeur | Description |
|---|---|
| color | Utilisée pour l'ombre Valeur de couleur CSSLa valeur par défaut est #000000. |
Détails techniques
| Valeur par défaut : | #000000 |
|---|
Support du navigateur
Les nombres 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 versions antérieures ne prennent pas en charge l'élément <canvas>.
