SVG-Filter

SVG-Filter

SVG filters are used to add special effects to SVG graphics.

Browser Support for SVG Filters

The numbers in the table specify the first browser version that supports SVG filters.

SVG Filtering Elements

In the following chapters, we will demonstrate some possible filter effects - and let you know what SVG can do.

Available filtering elements in SVG include:

• <feBlend> - Filters for Image Combination
• <feColorMatrix> - Color Transformation Filters
• <feComponentTransfer>
• <feComposite>
• <feConvolveMatrix>
• <feDiffuseLighting>
• <feDisplacementMap>
• <feFlood>
• <feGaussianBlur>
• <feImage>
• <feMerge>
• <feMorphology>
• <feOffset> - Filter Shadows
• <feSpecularLighting>
• <feTile>
• <feTurbulence>
• <feDistantLight> - Beleuchtungsfilter
• <fePointLight> - Beleuchtungsfilter
• <feSpotLight> - Beleuchtungsfilter

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