Javascript动画线和图像 - 库

Question

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

请参阅此处的gif示例：

但我找不到任何库可以轻松完成这项工作。我试图使用原始的JavaScript，但它太复杂，不能正常工作。你有任何库可以完成gif中显示的动画吗？感谢

Answer 1

这样的第一个动画制作示例可能来自Jake Archibald，他使用的SVG的笔划长度随时间而变化。这可能是您的垂直线的基础。通过一些修改，它可以使用滚动位置而不是时间。

有一个专门用于此线动画技术的库，名为Vivus。

但是，如果您正在寻找一个功能更全面的SVG库，它可以为您提供更多选项，您可以查看SnapSVG，Bonsai和Velocity。