vivus

Vivus.js 是一个用于SVG绘图动画的轻量级JavaScript库。它不依赖任何外部库，通过控制SVG路径的绘制顺序和速度来模拟手绘效果。Vivus支持多种预设动画类型，如延迟、同步及逐个绘制等，并允许用户自定义动画逻辑以实现更复杂的效果。其核心机制基于CSS的`strokeDashoffset`属性，配合JavaScript动态调整该值以达到流畅的动画效果。此外，项目还提供了一个名为pathformer的工具类，可将非路径元素转换为路径，从而确保所有SVG元素都能被正确地动画化。Vivus适用于需要在网页上展示吸引人且具有互动性的SVG图形动画的各种场景，比如网站加载动画、图标动画或数据可视化等。