javascript - 使用 snap.svg 沿 svg 路径对对象进行动画制作和定向

标签 javascript animation svg snap.svg

我有一个动画 SVG 路径 我可以将多段线附加到有效路径的末尾(在代码笔中注释掉),但是当我附加自定义路径时,矩阵坐标会消失在页面下方。

如果您检查底部的蓝点,您可以在 chrome 开发工具中看到这一点,并且在该蓝点下方有一个
g 变换=“矩阵(0.8351,0.5501
如果将第一个坐标与“M246”交换,脚元素将出现(在动画末尾)。 所以除了坐标映射关闭之外一切都正常

大家有什么建议吗,先谢谢了 迈克尔

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

最佳答案

认为您已经找到了答案,但您需要考虑路径本身的转换,因此

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

示例here

关于javascript - 使用 snap.svg 沿 svg 路径对对象进行动画制作和定向,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24083034/

相关文章:

javascript - d3.js 使用不同的数据创建相同的 svg 对象

javascript - 单击搜索按钮时如何记住 cookie 的值

javascript - 如何将函数和变量添加到 TypeScript 中先前实例化的对象

javascript - 使用 Jquery 增加输入名称数组索引

jquery - 动画在 FF 中有效,但在 chrome 中效果不佳

SVG替代品?

python - Matplotlib svg 作为字符串而不是文件

javascript - 为更大的数字获取更低的 z-index

javascript - CSS 动画事件不继续?

Android动画向上滑动