Vivus.js:JavaScript库可在SVG上制作绘图动画 开源

Vivus是一个轻量级JavaScript类(无依赖项),可让您为SVG设置动画,从而使其具有被绘制的外观。 可以使用多种不同的动画,还可以选择创建自定义脚本来以您喜欢的任何方式绘制SVG。 每个路径元素都是在同一时间绘制的,并且在开始时会有很小的延迟。 这是当前的默认动画。 每条线是同步绘制的。 它们都同时开始和结束,因此命名为“ sync”。 每个路径元素都是一个接一个地绘制的。 该动画给人现场绘画的最佳印象。 为了提供更大的自由度,可以覆盖每个路径和/或整个SVG的动画。 它的工作方式有点像CSS动画计时功能。 但是,它没有使用三次贝塞尔曲线函数,而是使用了一个简单JavaScript函数。 它必须接受一个数字作为参数(0到1之间),然后返回一个数字(也在0到1之间)。 这是一个钩子。