SVG/ Effekte
Aus Wikibooks
SVG Filter sind ein mächtiges Werkzeug um in SVG Licht und Schatten 3D-Effekte, Plastizität, Weichzeichner und vieles mehr zu realisieren. Filter lassen sich beliebig verschachteln und kombinieren.
In der Mobile Spezifikation von SVG werden Filter nicht unterstützt, in SVG Basic werden nur einige unterstützt.
| Name | Element | SVG Basic |
|---|---|---|
| vermischen | feBlend |
 Ja |
| Farb Matrix | feColorMatrix |
Ja |
| Component transfer | feComponentTransfer |
Ja |
| Composite | feComposite |
Ja |
| Convolve matrix | feConvolveMatrix |
 Nein |
| Diffuse lighting | feDiffuseLighting |
Nein |
| Displacement map | feDisplacementMap |
Nein |
| Flood | feFlood |
Ja |
| Gaußscher Weichzeichner | feGaussianBlur |
Ja |
| Image | feImage |
Ja |
| Merge | feMerge |
Ja |
| Morphology | feMorphology |
Nein |
| Offset | feOffset |
Ja |
| Specular lighting | feSpecularLighting |
Nein |
| Tile | feTile |
Ja |
| Turbulence | feTurbulence |
Nein |
SVG-Filter werden innerhalb es <defs>Element Beschrieben unter Zuhilfenahme von <filter>
[Bearbeiten] <filter>
Ein Filter in SVG kann man sich wie die Filter in der Fotografie vorstellen, als eine rechteckige Glasplatte die man über ein Objekt hält um einen bestimmten optischen Effekt zu beobachten. so besitzt das Filter-Element die gleichen Attribute wie <rect> x,y für den Startpunkt und width, height für den abzudeckenden Bereich, die Vorgabewerte sind x="-10%", y="-10%", width="120%", height="120%" das heißt wenn nicht anders angegeben ist unsere Glasplatte immer ein bisschen größer als das zu filternde Objekt.
Die Ausgabe eines Filters ist eine Rastergrafik die allerdings je nach Zoomstufe neu berechnet wird sodass ein "Treppeneffekt" weitestgehend vermieden wird. Da die Berechnungen eines Filters sehr aufwendig sein können ist es zeitweise nützlich die Auflösung der Filterdarstellung zu reduzieren, dies kann mit dem filterRes Attribut erreicht werden.
