用途:Anime.js v4 是一个轻量、灵活的 JavaScript 动画库,API 简洁且功能强大,可用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象动画,适合网页动画实现与交互效果开发。
主要能力:模块化且支持 tree-shaking,可按需导入。核心模块包括 animate(动画)、createTimeline(时间轴)、createTimer(计时器)、createAnimatable、createDraggable(拖拽)、createLayout、createScope、onScroll(滚动驱动)、SVG 工具(morphTo、createDrawable、createMotionPath)、文本拆分 splitText 及 stagger、$、get/set、random、clamp、lerp、createSpring 等工具函数;内置多种缓动与 WAAPI 支持。
使用方式:安装 npm install animejs;ES Modules 可 import { animate } from 'animejs';CDN ES Modules 为 https://esm.sh/animejs;UMD 通过 script 引入 https://cdn.jsdelivr.net/npm/animejs/dist/bundles/anime.umd.min.js 后使用 anime.animate。也可从 animejs/animation、animejs/timeline、animejs/timer 等子路径单独导入以减小打包体积。官方资料还包含 React 集成示例与 createScope 用法。
适用场景:需要 CSS/SVG/DOM/对象动画、时间轴编排、滚动动画、拖拽交互、SVG 形变与描边绘制、文字拆分动画的网页项目。
限制与补充:打包体积资料显示完整包约 24.5 KB(压缩+gzip),各模块体积不同;更完整 API 参数、代码示例和高级模式需查阅 references/api-reference.md 与 references/examples.md。官方文档、缓动编辑器、CodePen 示例与 GitHub 链接见资料。收费、价格与平台支持等事实资料暂未提供。