SVG/Attribut/filter

Das filter-Präsentationsattribut referenziert einen im Definitionsabschnitt festgelegten Filter oder eine der vordefinierten CSS-Funktionen.

Erlaubte Werte

• none
• url(): Laden eines SVG-Filters
• CSS-Filter
  • blur()
  • brightness()
  • contrast()
  • drop-shadow()
  • grayscale()
  • hue-rotate()
  • invert()
  • opacity()
  • saturate()
  • sepia()

Standardwert

none

anwendbar auf

alle Elemente

Präsentationsattribut

ja

mit CSS animierbar

ja, siehe Einzelwerte

Beispiel

<image x="10" y="10" width="200px" height="200px" 
       filter="url(#f1)"
       href="Lauf-1.jpg">
</image>
<image x="220" y="10" width="200px" height="200px" 
       filter="sepia(1)"
       href="Lauf-2.jpg">
</image>

Auf das 1. Bild wird der im Definitionsabschnitt festgelegte Filter mit der id f1 angewandt.
Das zweite Bild erhält mittels vordefiniertem sepia()-Filter eine Brauntönung.

Siehe auch

• SVG/Tutorials/Filter/Filter in SVG
• CSS/Eigenschaften/filter

Weblinks

• Spezifikation (W3C): Filter Property im Filter Effects Module Level 1