SuperAPI AI 工具集

animejs

设计与创作

查看项目

更新于 10-15 17:29

技能介绍

用途:Anime.js v4 是一个轻量、模块化的 JavaScript 动画库,可对 CSS 属性、CSS 变量与变换、SVG、DOM 属性及普通 JavaScript 对象做动画,适合实现网页交互动效、时间线编排、滚动触发动画、SVG 线与形变动画和可拖拽元素。安装方式:npm install animejs;ES Modules 使用 import { animate } from 'animejs';CDN 可通过 https://esm.sh/animejs 或 UMD 版 https://cdn.jsdelivr.net/npm/animejs/dist/bundles/anime.umd.min.js 加载,后者从全局 anime 对象取 animate。主要能力:animate 负责基础补间,createTimeline 编排多段动画并支持绝对毫秒、相对位置(<、>、+=、-=)与标签定位;stagger 处理交错延迟;createTimer 独立计时;createAnimatable 做可读写动画属性;createDraggable 支持拖拽与释放弹性;createLayout 处理 DOM 布局进出与交换;createScope 管理根作用域与媒体查询;onScroll 做阈值和滚动同步;SVG 模块提供 morphTo、createDrawable、createMotionPath;splitText 拆分文本行、词、字符。用法:动画参数含 to/from、delay、duration、ease、composition、modifier,值支持数值、单位换算、相对运算、颜色、函数与关键帧;内置 linear、easeIn/Out/InOut 多种变体及 Cubic Bezier、Steps、createSpring。支持 WAAPI 硬件加速动画与 waapi.convertEase。注意:v4 为模块化设计,可按需从 animejs/animation、animejs/timeline、animejs/timer 等子路径导入以减小包体;官方文档、缓动编辑器、CodePen 示例和 GitHub 链接见资料,详细 API 与示例可查阅 references/api-reference.md 与 references/examples.md。限制:资料未提供具体收费、价格、支持平台和性能保证信息。