Neueste Web-Entwicklung Tutorials
 

HTML canvas shadowOffsetY Propery

<Canvas Object

Beispiel

Zeichnen Sie ein Rechteck mit einem Schatten 20 Pixel unter dem Rechteck Spitzenposition platziert:

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);
Versuch es selber "

Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, die die Eigenschaft vollständig unterstützt.

Eigentum
shadowOffsetY 4.0 9.0 3.6 4.0 10.1

Definition und Verwendung

Die shadowOffsetY Eigenschaftssätze oder gibt den vertikalen Abstand des Schattens von der Form.

shadowOffsety = 0 zeigt an, dass der Schatten direkt hinter der Form ist.

shadowOffsetY = 20 gibt an, daß der Schatten 20 Pixel unter der oberen Position der Form beginnt.

shadowOffsetY = -20 zeigt an, daß der Schatten 20 Pixel über die Form der oberen Position beginnt.

Tip: Um den horizontalen Abstand des Schattens von der Form, verwenden Sie die justiert shadowOffsetX Eigenschaft.

Standardwert: 0
JavaScript-Syntax: context .shadowOffsetY= number ;

Eigenschaftswerte

Wert Beschreibung Spiel es
number Eine positive oder negative Zahl, die den vertikalen Abstand des Schattens von der Form definiert, Spiel es "

<Canvas Object