HTML-Leinwand shadowOffsetY Eigentum
Beispiele
Zeichnen Sie ein Rechteck mit einem Schatten 20 Pixel versetzt nach unten (von der oberen Position des Rechtecks):
JavaScript:
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetY=20;
ctx.shadowColor="black";
ctx.fillStyle="red";
ctx.fillRect(20,20,100,80);
Versuchen »
Browser-Unterstützung
Internet Explorer 9, Firefox, Opera, Chrome und Safari unterstützen shadowOffsetY Eigenschaft.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
shadowOffsetY Eigenschaftssätze oder gibt den vertikalen Abstand der Schattenform.
shadowOffsety = 0 zeigt gerade unter dem Schatten befindet Form.
shadowOffsetY = 20 zeigt die Form des Schattens auf 20 Pixel unterhalb der oberen Position befindet.
shadowOffsetY = -20 die Form des Schattens der obigen oberen Teil der 20-Pixel angibt.
Tipp: Um die Form des Schattens einstellen und die horizontale Entfernung, verwenden shadowOffsetX Eigenschaft.
Standard: | 0 |
---|---|
JavaScript-Syntax: | Kontext.shadowOffsetY = Anzahl; |
Eigenschaft Wert
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的垂直距离。 |