SVG/Element/feDropShadow

Das feDropShadow-Element ist ein zusammenfassender Filter, der einen Schlagschatten erzeugt.

Syntax

Start-Tag: notwendig

End-Tag: ggf. notwendig

Elternelemente

Darf vorkommen in:
filter

erlaubte Inhalte

animate, set

Attribute

Name	Inhalt	Standardwert	Bedeutung
in	CDATA
dx	NUMBER		Verschiebung auf der X-Achse
dy	NUMBER		Verschiebung auf der Y-Achse
stdDeviation	NUMBER	0	Standardabweichung (Standardwert 0), positive oder negative Werte möglich, wenn 2 Werte eingegeben werden, gilt der erste für x-, der zweite für y-Koordinaten.

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<filter id="dropShadow">
      <feDropShadow dx="10" dy="10" stdDeviation="3"/>
</filter>
    <filter id="DropShadow2">
      <feDropShadow dx="-0.8" dy="-0.8" stdDeviation="0"
          flood-color="pink" flood-opacity="0.5"/>
    </filter>

Farbe und Deckkraft des Schatten können mit den flood-color und flood-opacity- Präsentationsattributen gesetzt werden.

Siehe auch

• SVG/Tutorials/Filter/Licht und Schatten

Weblinks

W3C (Spezifikation): feDropShadow Element

• MDN: feDropShadow