Latest web development tutorials

HTML propriété toile shadowOffsetY

HTML Manuel toile de référence 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:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
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 ExplorerFirefoxOperaGoogle ChromeSafari

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 HTML Manuel toile de référence