© The Author(s), under exclusive license to APress Media, LLC, part of Springer Nature 2024
D. MatthewGenerative Art with JavaScript and SVGDesign Thinkinghttps://doi.org/10.1007/979-8-8688-0086-3_8

8. Filter Effects

David Matthew1  
(1)
Limerick, Ireland
 

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 ...

Get Generative Art with JavaScript and SVG: Utilizing Scalable Vector Graphics and Algorithms for Creative Coding and Design now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.