HTML propriété toile shadowOffsetY
Exemples
Dessinez un rectangle avec un décalage vers le bas de 20 pixels (à partir de la position supérieure du rectangle) ombre:
JavaScript:
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Essayez »
support du navigateur
Internet Explorer 9, Firefox, Opera, Chrome et Safari soutien propriété shadowOffsetY.
Note: 8 et versions antérieures d'Internet Explorer ne prennent pas en charge l'élément <canvas>.
Définition et utilisation
ensembles de propriétés shadowOffsetY ou retourne la distance verticale de la forme de l'ombre.
shadowOffsety = 0 indique juste sous la forme de l'ombre situé.
shadowOffsetY = 20 indique la forme de l'ombre est situé à 20 pixels en dessous de la position supérieure.
shadowOffsetY = -20 indiquant la forme de l'ombre des meilleurs positions 20 de pixels ci-dessus.
Astuce: Pour régler la forme de l'ombre et de la distance horizontale, utilisez shadowOffsetX propriété.
Par défaut: | 0 |
---|---|
Syntaxe JavaScript: | contexte.shadowOffsetY = nombre; |
Valeur de la propriété
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的垂直距离。 |