Attribut Canvas shadowOffsetY
Définition et utilisation
shadowOffsetY L'attribut définit ou retourne la distance verticale entre la forme et l'ombre.
shadowOffsetY=0Indique que l'ombre est située exactement en dessous de la formeshadowOffsetY=20Indique que l'ombre est située 20 pixels en dessous de la position supérieure de la formeshadowOffsetY=-20Indique que l'ombre est située 20 pixels au-dessus de la position supérieure de la forme
Astuce :Pour ajuster la position horizontale par rapport à la forme, utilisez shadowOffsetX Attributs.
Exemple
Dessinez un rectangle avec une ombre décalée de 20 pixels vers le bas (à partir de la position supérieure du rectangle):
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="blue";
ctx.fillRect(20,20,100,80);
Syntaxe
context.shadowOffsetY=number;
Valeur de l'attribut
| Valeur | Description |
|---|---|
| number | La valeur positive ou négative définit la distance verticale entre l'ombre et la forme. |
Détails techniques
| Valeur par défaut : | 0 |
|---|
Support du navigateur
Les numéros 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 les versions antérieures ne prennent pas en charge l'élément <canvas>.
