评论

Vivus!让你项目的SVG栩栩如生,动态绘制路径动画

沐春风共同游,终只叹,木已舟

Vivus是一个轻量级的JavaScript类(没有依赖项),它允许您对SVG进行动画处理,使其具有绘制的外观。有各种不同的动画可用,以及创建自定义脚本的选项,以任何您喜欢的方式绘制SVG

 动画类型

Delayed延迟,Sync同步,OneByOne步骤绘制

Vivus!让你项目的SVG栩栩如生,动态绘制路径动画

定时功能

为了提供更多的自由,可以覆盖每个路径和/或整个SVG的动画。它的工作原理有点像CSS动画计时功能。但它使用的不是一个贝塞尔函数,而是一个简单的JavaScript函数。它必须接受一个数字作为参数(0到1之间),然后返回一个数字(也是0到1之间)

场景

此功能允许您为SVG的动画编写脚本。为此,自定义值将直接在SVG的DOM中设置

Vivus!让你项目的SVG栩栩如生,动态绘制路径动画

 地址

网站:https://maxwellito.github.io/vivus/

教程:https://github.com/maxwellito/vivus#vivusjs