Ben's Sandbox
  • Projects
  • Tags

Using SVG Filters to Create Outlines of Shapes


View Blog   View Source  
Demo of a technique to add an outline to any SVG shape using filters. Use the color picker to change the colors of the outline and shape. The outline is a combination of several filter operations including feFlood, feMorphology, feColorMatrix, feComposite, feGaussianBlur, and feBlend.

`

Colors

Outline Shape

© Ben Olson 2012 with help from Jekyll Bootstrap and Twitter Bootstrap