SVG/Element/filter

Der Begriff filter ist mehrdeutig.
Weitere Bedeutungen sind unter Filter aufgeführt.

Das filter-Element ermöglicht die Konstruktion eigener Filter aus einem Baukasten von vorgegebenen Filtereffekten.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:

• defs

erlaubte Inhalte

• primitive Filter

Attribute

Name	Inhalt	Standardwert	Bedeutung
filterUnits	userSpaceOnUse, objectBoundingBox		Einheit für Maßangaben in den Attributen x, y, width und height
height	NUMBER		Höhe der Filterregion
href	CDATA		Obsolet, war in SVG 1.1 vorgesehen, um Attribute und Effekte eines anderen Filters zu erben
primitiveUnits	userSpaceOnUse, objectBoundingBox		Einheit für Maßangaben in den Filtereffekten
width	NUMBER		Breite der Filterregion
x	NUMBER		X-Koordinate der Filterregion
y	NUMBER		Y-Koordinate der Filterregion

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<defs> <filter id="Filter"> <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="weichgezeichnet" /> <!-- Phong-Beleuchtungsbitmap aus Weichzeichnung berechnen --> <feSpecularLighting in="weichgezeichnet" surfaceScale="5" lighting-color="white" specularConstant="1" specularExponent="10" result="schlaglicht" /> <fePointLight x="-50" y="-100" z="200" /> </feSpecularLighting> <!-- Beleuchtungs-Bitmap auf Objekt begrenzen --> <feComposite in="schlaglicht" operator="in" in2="SourceAlpha" result="beleuchtung" /> <!-- lighter-Composite addiert Licht und Objekt --> <feComposite in="SourceGraphic" in2="beleuchtung" operator="lighter" result="beleuchtet" /> <!-- Weichzeichnung verschieben für Schlagschatten --> <feOffset in="weichgezeichnet" dx="3" dy="3" result="schlagschatten" /> <!-- Beleuchtetes Objekt über Schlagschatten legen --> <feMerge> <feMergeNode in="schlagschatten" /> <feMergeNode in="beleuchtet" /> </feMerge> </filter> </defs>

Siehe auch

• SVG/Tutorials/Filter
• SVG/Tutorials/Filter/Anwendung in CSS (CSS-Eigenschaft, in der SVG-Filter als Wert angegeben werden können.)

Weblinks

• W3C: Filter Effects Module Level 1 - die Filterdefinition wurde aus der SVG-Spezifikation herausgelöst