javascript - SVG.js 是否可以实现路径动画

标签 javascript animation svg

有很多SVG路径动画的例子,都是原生的

http://jsfiddle.net/FVqDq/

和 Raphael.js

http://jsfiddle.net/d7d3Z/1/

p.animate({path:"M140 100 L190 60"}, 2000, function() {
    r.animate({path:"M190 60 L 210 90"}, 2000);
});

svg.js library 这怎么可能? ?

最佳答案

不,svg.js 还不可能做到这一点.我一直在研究它,这将是一个相当大的实现。因为我尽量保持库小,它永远不会成为库本身的一部分,但我可能会写一个插件。虽然目前我手上没有太多时间,所以我们将不胜感激。

更新:

如果您使用 paths with equal commands,现在可以使用开箱即用的 SVG.js但不同的值(value)观。

但是我们还有一个path morphing plugin for SVG.js这可能是您正在寻找的东西。

关于javascript - SVG.js 是否可以实现路径动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16460830/

相关文章:

javascript - PhantomJS 时间轴屏幕截图重复相同的图像

javascript - Webpack Encore Jquery 最大调用堆栈大小

ios - 如何在不制作 IBOutlet 的情况下以编程方式在 Swift 中为 UIView 高度约束设置动画?

jquery - jQuery 中的按钮转换

javascript - 如何使用多个 SVG 元素

javascript - 在 Javascript 中检测图像中的眼神接触

objective-c - UI动画和主runloop之间有什么关系

jquery - 使用 slideToggle() 时,preventDefault() 不会阻止移动设备上的 SVG 加载

css - 将 css 悬停在 svg 上

javascript - 创建 Canvas 矩阵