filter
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit Januar 2020 browserübergreifend verfügbar.
Das filter Attribut gibt die Filtereffekte an, die durch das <filter> Element definiert wurden und auf sein Element angewendet werden sollen.
Hinweis:
Als Präsentationsattribut hat filter auch ein entsprechendes CSS-Eigenschafts-Pendant: filter. Wenn beide angegeben sind, hat die CSS-Eigenschaft Vorrang.
Technisch gesehen kann filter auf jedes Element angewendet werden, aber es hat nur Wirkung auf Containerelemente ohne das <defs> Element, alle Grafikelemente und das <use> Element.
Beispiel
html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<filter id="blur">
<feGaussianBlur stdDeviation="2" />
</filter>
<rect x="10" y="10" width="80" height="80" filter="url(#blur)" />
</svg>
Verwendungshinweise
| Wert |
none
|
<filter-value-list>
|
|---|---|
| Standardwert | none |
| Animierbar | Ja |
Für eine Beschreibung der Werte siehe die CSS filter Eigenschaft.
Spezifikationen
| Spezifikation |
|---|
| Filter Effects Module Level 1 # FilterProperty |