经常在一些网页中,看到动态绘制的图画,显得十分高大上,一直以为是用了什么高端技术,直到我发现了Vivus库。
Vivus是一个轻量级的JavaScript类(没有依赖项),它允许您对SVG进行动画处理,使其具有绘制的外观。有各种不同的动画可用,以及创建自定义脚本的选项,以任何您喜欢的方式绘制SVG。
动画类型
Delayed延迟,Sync同步,OneByOne步骤绘制

定时功能
为了提供更多的自由,可以覆盖每个路径和/或整个SVG的动画。它的工作原理有点像CSS动画计时功能。但它使用的不是一个贝塞尔函数,而是一个简单的JavaScript函数。它必须接受一个数字作为参数(0到1之间),然后返回一个数字(也是0到1之间)
场景
此功能允许您为SVG的动画编写脚本。为此,自定义值将直接在SVG的DOM中设置
