Dilate and erode SVG shapes using Javascript

Question

EDIT:

I finally found a way to erode and dilate polygons (offsetting) so that new geometry is created using Clipper library: https://sourceforge.net/projects/jsclipp

Answer 1

Have you actually tested SVG's native filters? This looks close enough:

There is some clipping going on the dilate filter that can't seem to be resolved by increasing the filter region, but other than that it's pretty close to your illustrator rendering. Sure beats rendering server-side.

http://jsfiddle.net/5Qv5v/