动画和动画使用snap.svg沿着svg路径定向对象

时间:2014-06-06 13:27:14

标签: javascript animation svg snap.svg

我有一个动画SVG路径 我可以将折线附加到工作路径的末尾(在codepen中注释掉)但是当我附加自定义路径时,Matrix坐标会消失在页面下方。

你可以在chrome dev工具中看到这个,如果你检查底部的蓝点,下面有一个
g transform =“matrix(0.8351,0.5501
如果将第一个坐标与'M246'交换,则会出现feet元素(在动画结束时)。 因此,除了坐标映射关闭外,其余的工作正在进行中

有人提出任何建议吗,在此先感谢 迈克尔

**代码笔** http://codepen.io/michaelcockle/pen/eBCAv?editors=001

1 个答案:

答案 0 :(得分:1)

认为你已经发现了答案,但你需要考虑转化为路径本身的变换,所以

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

示例here