Neueste Web-Entwicklung Tutorials
 

SVG Filter


SVG-Filter

SVG-Filter verwendet werden, um spezielle Effekte zu SVG-Grafiken hinzufügen.


Browser-Unterstützung

Die Zahlen in der Tabelle geben Sie die erste Browser-Version, 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 zeigen nur einen Hauch von den Filter-Effekte, die möglich sind - und geben Ihnen eine Vorstellung davon, was man mit SVG erfolgen.

Die verfügbaren Filterelemente in SVG sind:

  • <FeBlend> - Filter für Bilder kombinieren
  • <FeColorMatrix> - Filter für Farbtransformationen
  • <FeComponentTransfer>
  • <FeComposite>
  • <FeConvolveMatrix>
  • <FeDiffuseLighting>
  • <FeDisplacementMap>
  • <FeFlood>
  • <FeGaussianBlur>
  • <FeImage>
  • <FeMerge>
  • <FeMorphology>
  • <FeOffset> - Filter für Schlagschatten
  • <FeSpecularLighting>
  • <FeTile>
  • <FeTurbulence>
  • <FeDistantLight> - Filter für die Beleuchtung
  • <FePointLight> - Filter für die Beleuchtung
  • <FeSpotLight> - Filter für die Beleuchtung

Tipp: Sie können mehrere Filter auf jedem SVG - Element verwenden!