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	Text (string)
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.
flood-color	Farbe	black	UNDOKUMENTIERT, funktioniert aber in Firefox und Chromium-Browsern. Legt die Schattenfarbe fest
flood-opacity	Farbe	100%	UNDOKUMENTIERT, funktioniert aber in Firefox und Chromium-Browsern. Legt den Transparenzwert der Schattenfarbe fest.
	Sie können für flood-color eine Farbe mit Transparenzwert UND einen weiteren Transparenzwert mit flood-opacity angeben. Beide Transparenzen werden kombiniert (d.h. als Werte im Bereich 0-1 miteinander multipliziert)

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