Vivus.js

Vivus 是一个轻量级的 JavaScript 类（无依赖），可用来动画化 SVG，使其看起来像是被绘制出来的一样。它提供了多种不同的动画效果，同时也支持自定义脚本，以任意方式绘制你的 SVG。

动画类型
• 延迟：所有路径元素同时开始绘制，但初始有轻微延迟。目前这是默认动画。
• 同步：每条线同步绘制，它们同时开始并同时结束，因此称为“同步”。
• 逐个：每个路径元素依次绘制。这种动画能最好地呈现出实时绘制的效果。

时间函数
为了提供更多自由度，可以覆盖每个路径和/或整个 SVG 的动画。其工作方式类似于 CSS 动画的时间函数。但不是使用 cubic-bezier 函数，而是使用简单的 JavaScript 函数。该函数必须接收一个介于 0 到 1 之间的数字作为参数，并返回一个同样在 0 到 1 之间的数字。这是一个钩子函数。

场景化
此功能允许你编写脚本来控制 SVG 的动画。实现时，自定义值将直接设置在 SVG 的 DOM 中。
以下是一个使用 scenario-sync 的示例。建议您查看源代码和 readme 文件以获取更多信息。