O'Reilly logo

Designing SVG Web Graphics by Andrew H. Watt

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

The Range of SVG Filters

With something as visually exciting and creative as the SVG filters, just listing them seems a shame, but I start this section by doing that. Strictly speaking, this list shows the filter primitives available in SVG:

feBlend 
feColorMatrix 
feComponentTransfer 
feComposite 
feConvolveMatrix 
feDiffuseLighting 
feDisplacementMap 
feFlood 
feGaussianBlur 
feImage 
feMerge 
feMorphology 
feOffset 
feSpecularLighting 
feTile 
feTurbulence 

These filter primitives can be used singly or in combination. Used singly, they can sometimes produce useful effects, but when they are used in combination, some unusual and visually arresting effects are possible.

I encourage you to experiment with using the filter primitives singly, applying them ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required