SVG/Element/filter

Das filter-Element wendet einen Filter auf Grafiken und Formen an.

Syntax

Start-Tag: notwendig

End-Tag: notwendig

Elternelemente

Darf vorkommen in:
defs

erlaubte Inhalte

*primitive Filter

Attribute

Name	Inhalt	Standardwert	Bedeutung
filterUnits	userSpaceOnUse, objectBoundingBox
height	NUMBER		Höhe
href	CDATA
primitiveUnits	userSpaceOnUse, objectBoundingBox
width	NUMBER		Breite
x	NUMBER		X-Koordinate
y	NUMBER		Y-Koordinate

Attribut: Pflichtattribut
Attribut: optionales Attribut

Beispiel

<defs> <filter id="Filter"> <feGaussianBlur in="SourceAlpha" stdDeviation="4" result="weichgezeichnet"/> <feSpecularLighting in="weichgezeichnet"/> surfaceScale="5" specularConstant="1" specularExponent="10" lighting-color="white" result="zwischenergebnis1"/> <fePointLight x="-50" y="-100" z="200"/> </feSpecularLighting> <feComposite in="zwischenergebnis1" in2="SourceAlpha" operator="in" result=zwischenergebnis2"/> <feComposite in="SourceGraphic" in=zwischenergebnis2" operator="arithmetic" k1="0" k2="1" k3="1" k4="0" in=beleuchtet"/> <!-- Weichzeichner --> <feGaussianBlur in="SourceAlpha" stdDeviation="3" result=weichgezeichnet1"/> <!-- Verschiebung --> <feOffset in=weichgezeichnet1" dx="3" dy="3" result="weichgezeichnetVerschoben"/> <!-- Zusammenfügen --> <feMerge> <feMergeNode in="weichgezeichnetVerschoben"/> <feMergeNode in="SourceGraphic"/> <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: filters