【亲测免费】 Vivus：一个轻量级的SVG绘制动画库

项目基础介绍和主要编程语言

Vivus 是一个轻量级的 JavaScript 库，专门用于创建 SVG 绘制动画。该项目的主要编程语言是 JavaScript，它不依赖于任何第三方库，因此非常适合那些希望在不增加额外依赖的情况下为 SVG 添加动画效果的开发者。

项目核心功能

Vivus 的核心功能是让 SVG 图像看起来像是被“绘制”出来的。它通过逐步增加 strokeDashoffset 属性的值来实现这一效果。Vivus 提供了多种动画类型，包括：

• Delayed：所有路径元素同时开始绘制，但每个路径之间有一个小的延迟。
• Sync：所有路径元素同步开始和结束绘制。
• OneByOne：每个路径元素依次绘制，给人一种逐笔绘制的感觉。

此外，Vivus 还支持自定义脚本，允许开发者以任何方式绘制 SVG。

项目最近更新的功能

Vivus 最近的更新主要集中在以下几个方面：

1. 性能优化：对动画的性能进行了优化，减少了在某些浏览器中的卡顿现象。
2. 新增动画类型：增加了 scenario 和 scenario-sync 动画类型，允许开发者更灵活地控制动画的执行顺序。
3. 增强的兼容性：改进了对不同 SVG 元素的支持，特别是对 circle、rect、line 和 polyline 等元素的处理。
4. API 改进：新增了 setFrameProgress 方法，允许开发者手动设置动画的进度，这在某些交互式场景中非常有用。

通过这些更新，Vivus 进一步提升了其在 SVG 动画领域的实用性和灵活性，使其成为开发者创建复杂 SVG 动画的首选工具之一。