SVG -Filter
SVG-Filter
SVG-Filter werden verwendet, um SVG-Grafiken Spezialeffekte hinzuzufügen.
Browser-Unterstützung
Die Zahlen in der Tabelle geben die erste Browserversion an, die SVG-Filter unterstützt.
SVG Filters | 8.0 | 10.0 | 3.0 | 6.0 | 9.6 |
SVG-Filterelemente
In den nächsten Kapiteln werden wir nur einen Hauch der möglichen Filtereffekte demonstrieren - und Ihnen eine Vorstellung davon geben, was mit SVG alles möglich ist.
Die verfügbaren Filterelemente in SVG sind:
- <feBlend> - Filter zum Kombinieren von Bildern
- <feColorMatrix> - Filter für Farbtransformationen
- <feComponentTransfer>
- <feComposite>
- <feConvolveMatrix>
- <feDiffuseLighting>
- <feDisplacementMap>
- <feFlood>
- <feGaußianBlur>
- <feImage>
- <feMerge>
- <feMorphologie>
- <feOffset> - Filter für Schlagschatten
- <feSpecularLighting>
- <feTile>
- <feTurbulenz>
- <feDistantLight> - Filter für Beleuchtung
- <fePointLight> - Filter für Beleuchtung
- <feSpotLight> - Filter für Beleuchtung
Tipp: Sie können für jedes SVG-Element mehrere Filter verwenden!