Javascript动画行和图像 - 库

Question

我一直在研究一种同时为线条和图像设置动画的方法。

在这里看到GIF例如：

，但我找不到任何库可以轻松地做到这一点。我试图使用原始JavaScript，但它太复杂，不能顺利运行。你有任何可以完成gif中显示的动画的库吗？感谢

Answer 1

大概动画这样一行的第一个例子是从Jake Archibald，谁与随时间变化的虚线行程长度使用SVG。这可能是您垂直线的基础。稍作修改就可以使用滚动位置而不是时间。

有一个专门为此称为Vivus线动画技术库。

但是，如果你正在寻找一个更全面的SVG库，会给你更多的选择，你可以看看SnapSVG,Bonsai和Velocity。