HTML-Leinwand shadowOffsetX Eigentum
Beispiele
Zeichnen Sie ein Rechteck mit einem auf der rechten Seite 20 Pixel-Shading-Offset (von links Position des Rechtecks):
JavaScript:
var ctx=c.getContext("2d");
ctx.shadowBlur=10;
ctx.shadowOffsetX=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 shadowOffsetX Eigenschaft.
Hinweis: 8 und frühere Versionen von Internet Explorer unterstützt nicht das <canvas> -Element.
Definition und Verwendung
shadowOffsetX Eigenschaft legt liefert die Form des Schattens und dem horizontalen Abstand.
shadowOffsetX = 0 zeigt gerade unter dem Schatten befindet Form.
shadowOffsetX = 20 zeigt die Form des Schattens auf die Position 20 Pixel rechts nach links.
shadowOffsetX = -20 um die Form des Schatten des auf der linken Seite von 20 Pixel nach links Position anzeigt.
Tipp: Um den vertikalen Abstand von den Schatten und Formen, verwenden anpassen shadowOffsetY Eigenschaft.
Standard: | 0 |
---|---|
JavaScript-Syntax: | Kontext.shadowOffsetX = Anzahl; |
Eigenschaft Wert
值 | 描述 |
---|---|
number | 正值或负值,定义阴影与形状的水平距离。 |