title: Animate dotted path, one dot after another
body: <p>I'm using the latest version of <a href="http://snapsvg.io/" rel="nofollow">Snap.svg</a> to draw and animate a <code>path</code> within a SVG:</p>
  
  <pre><code>var s = Snap('#svg');
  var getPath = s.path('M15 15L115 115');
  var pathLength = getPath.getTotalLength();
  getPath.attr({
    stroke: '#000',
    strokeWidth: 5,
    strokeDasharray: pathLength + ' ' + pathLength,
    strokeDashoffset: pathLength,
    strokeLinecap: 'round'
  }).animate({
    strokeDashoffset: 0
  }, 1500);
  </code></pre>
  
  <p>While this is working fine (as you can see <a href="http://jsfiddle.net/hofmannsven/EEe69/" rel="nofollow">here</a>), I want to make it a dotted line, animated one dot after another.</p>
  
  <p>I've built a quick prototype with circles (which you can see <a href="http://jsfiddle.net/hofmannsven/xae3v/" rel="nofollow">here</a>), to illustrate the look and feel, but technically I want it to base on a custom <code>path</code>.</p>
  
  <p>Basically I'm looking for a way to animate a dotted (complex) path; so a path with attributes would be as fine as circles on a path.</p>