使用snap.svg沿svg路径对对象进行动画处理和定向

Question

I have an animated SVG path I can attach a polyline to the end of the path which works (commented out in the codepen) but when I attach a custom path the Matrix coordinates disappear below the page.

You can see this in chrome dev tools if you inspect the bottom blue dot and below that there is a
g transform="matrix(0.8351,0.5501
If you swap the first coordinates out with 'M246' the feet element will appear (at the end of the animation). So everthing is working apart from the coordinate mapping is off

Does anyone have any suggestions, thanks in advance Michael

**Code Pen** http://codepen.io/michaelcockle/pen/eBCAv?editors=001

Answer 1

Think you've already spotted an answer, but you need to account for the transform baked into the path itself, so

meFeet.transform( 't' + parseInt(movePoint.x - 260) + ',' + parseInt( movePoint.y - 1750) + 'r' + (movePoint.alpha - 90));

example here