SVG/Attribut/filter

Aus SELFHTML-Wiki
< SVG‎ | Attribut
Wechseln zu: Navigation, Suche

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

Erlaubte Werte
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

Weblinks