title: SVG dilate/erode filter vs. Illustrator Offset Path
body: <p>Below is a screen capture of SVG image which is rendered on Chrome 22.0.1229.79 Mac. The original svg is on jsfiddle:
  <a href="http://jsfiddle.net/LGBk5/" rel="nofollow noreferrer">http://jsfiddle.net/LGBk5/</a></p>
  
  <p>The left image is made using SVG:s dilate and erode filters. The right one is made using Illustrator's Offset Path effect.</p>
  
  <p>The left one has problems: the border at the bottom is distorted and curves are not as smooth. Meanwhile the thick black border is the same in both.</p>
  
  <p><strong>Has my SVG some parameter wrong or are the dilate and erode filters so seemingly buggy?</strong></p>
  
  <p>EDIT: The purpose is to make paths thinner or thicker in SVG, but according to this example, the erode/dilate is not stable enough to rely.</p>
  
  <p><img src="https://i.stack.imgur.com/GabiH.png" alt="Illustrator Offset Path vs. SVG erode and dilate filters"></p>