In addition to all the vector functionality offered by SVG (as you’d expect from a format called Scalable Vector Graphics), SVG also provides some very powerful pixel-based effects in the form of the <filter> element. Many of the kinds of image-manipulation operations routinely found in editors like GIMP or Photoshop, such as blurs, drop shadows, and distortions, can actually be carried out in SVG too. In this chapter, we’ll learn how this is done.
We won’t be covering the capabilities of SVG filters ...