stroke-dashoffset does not animate about snap.svg

[DmitryBaranovskiy]

Can’t reproduce. You forgot to specify animation duration in your code sample. This could be a case. (and you don’t need new Snap, just Snap is enough.

[cjgammon]

I brought over the code incorrectly, you are right.
The below code shows the problem I am seeing where it doesn't animate the dash offset to zero from 120.

var s = Snap('100%', '100%');

myPath = s.path('M0,0c0,0,0-28.008,0-46.707S0-89,0-89');
myPath.attr({
'fill': 'none',
'stroke': 'red',
'stroke-width': 25,
'stroke-miterlimit': 10,
'stroke-linecap': 'round',
'opacity': 1,
'stroke-dasharray': "120 200",
'stroke-dashoffset': 120
});
myPath.transform('translate(100, 300)');
myPath.animate({'stroke-dashoffset': 0}, 1000);

[LucaDb]

stroke-dashoffset still does not animate in webkit browsers on circle elements.

[ibrierley]

If you need a temporary work around you could always use a general animate func (not a solution I know, but it may help in the mean time)...

http://svg.dabbles.info/snaptut-dasharray.html

var innerCircle = s.circle(150, 150, 80).attr({
fill: "none",
stroke: 'red',
strokeWidth: 30,
strokeDasharray: "10 300 40 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10 10",
strokeDashoffset: 50
});

Snap.animate(0,400, function( value ){
innerCircle.attr({ 'strokeDashoffset': value })

},5000 );

[LucaDb]

Yes, thank you.