filter
Baseline
Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Januar 2020.
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
| Specification |
|---|
| Filter Effects Module Level 1 # FilterProperty |