HTML5 SVG图像轮廓线条绘制动画插件-vivus JavaScript library to make drawing animation on SVG

vivus, bringing your SVGs to life

Vivus是一个可以执行SVG路径动画的轻量级Javascript库。vivus可以绘制SVG图形的外观。vivus提供各种不同的动画参数来让你定制你自己的SVG路径动画。

How it looks

Delayed

每一个路径元素都在同一时间开始绘制。这是默认的绘制动画方式。

Async

每一条SVG线条都异步进行绘制。它们开统一时间开始和结束绘制动画,因此称之为“异步”。

OneByOne

SVG线条一条接一条开始绘制动画。这种绘制线条方式是最好的用户体验。