Attribut shadowOffsetY du canvas HTML
Définition et utilisation
shadowOffsetY La propriété setting ou retourne la distance verticale entre la forme et l'ombre.
shadowOffsetY=0Indique que l'ombre est située directement sous la formeshadowOffsetY=20Indique que l'ombre est située 20 pixels sous 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 de la forme, utilisez shadowOffsetX Propriétés.
Exemple
Dessiner 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 | Valeur positive ou négative, définissant la distance verticale entre l'ombre et la forme. |
Détails techniques
| Valeur par défaut : | 0 |
|---|
Prise en charge 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>.
