SVG/Elemente/feDropShadow

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

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

Start-Tag: notwendig End-Tag: ggf. notwendig <feDropShadow /> <feDropShadow>   <!-- Kindelement(e) --> </feDropShadow>
Elternelemente	Darf vorkommen in: filter
erlaubte Inhalte	animate, set
Browsersupport	Details: {{{caniuse}}}

Attribute

Name	Inhalt	Standardwert	Bedeutung
Kernattribute
class	ID		ordnet ein Element einer oder mehreren Klassen zu.
id	ID		identifiziert ein einziges Element innerhalb eines Dokuments
lang	ID		identifiziert eine Sprachangabe
style	ID	CDATA	Stilangabe durch Präsentationsattribute
tabindex	ID		macht Element „antabbbar“
xml:base	CDATA		Basis-URL
xml:lang		Sprachkürzel	legt eine den IANA-Sprachdefinitionen folgende Sprache des Elementinhalts fest [RFC1766]
xml:space		default, preserve	Verhalten gegenüber whitespace)
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