0
Vivus是一个轻量级的JavaScript类(无依赖项),可让您对SVG进行动画处理,从而使其具有被绘制的外观。可以使用多种不同的动画,还可以选择创建自定义脚本以任意方式绘制SVG。动画类型•延迟的:每个路径元素都是在同一时间绘制的,并且在开始时稍有延迟。这是当前的默认动画。•同步:每条线都是同步绘制的。它们都同时开始和结束,因此命名为“ sync”。•OneByOne:每个路径元素都一个接一个绘制。该动画给人现场绘画的最佳印象。定时功能为了提供更大的自由度,可以覆盖每个路径和/或整个SVG的动画。它的工作原理类似于CSS动画计时功能。但是,它没有使用三次贝塞尔曲线函数,而是使用了一个简单的JavaScript函数。它必须接受一个数字作为参数(0到1之间),然后返回一个数字(也在0到1之间)。这是一个钩子。场景化此功能允许您编写SVG动画的脚本。为此,将直接在SVG的DOM中设置自定义值。这是使用方案同步的示例。我建议您查看源代码和自述文件以了解更多信息。