HTML propriété toile shadowOffsetY
HTML Manuel toile de référence
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 | 正值或负值,定义阴影与形状的垂直距离。 |
HTML Manuel toile de référence