anime

Anime.js 是一个快速、多用途且轻量的 JavaScript 动画库，提供简单而强大的 API。它可用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象。版本 4 引入了基于 ES 模块的模块化架构、改进的性能，以及可拖拽交互、可动画对象和高级时间线控制等增强功能。

该技能基于 Anime.js v4.3.5，生成于 2026-01-29。

核心参考

主题	描述	参考
动画	基础动画函数、目标选择、属性动画	core-animation
时间线	顺序和并行动画、标签、位置控制	core-timeline
交错	针对多个目标的交错动画	core-stagger
动画参数	持续时间、延迟、缓动、循环、回调	core-parameters
计时器	createTimer、Timer——周期性回调、帧率、播放	core-timer

功能

可拖拽

主题	描述	参考
可拖拽	创建具有物理效果和约束的可拖拽元素	features-draggable
可拖拽配置	容器边界、吸附、摩擦、速度	features-draggable-config

可动画

主题	描述	参考
可动画	创建用于自定义动画的可动画对象	features-animatable

作用域与滚动

主题	描述	参考
作用域	基于滚动的动画和视口检测	features-scope
滚动 (onScroll)	滚动联动动画、进度、link(timeline)	features-scroll

布局

主题	描述	参考
布局 (AutoLayout)	FLIP 风格的布局动画、手风琴、进入/离开	features-layout

SVG

主题	描述	参考
SVG 变形	对 SVG 路径和形状进行变形	features-svg-morph
SVG 绘制	对 SVG 路径绘制进行动画	features-svg-draw
SVG 运动路径	沿 SVG 路径对元素进行动画	features-svg-motion-path

文本

主题	描述	参考
文本拆分	将文本拆分为单词、行和字符	features-text-split
文本动画	对文本内容和属性进行动画	features-text-animation

缓动

主题	描述	参考
缓动函数	内置缓动函数 (in、out、inOut)	easings-functions
自定义缓动	三次贝塞尔、弹簧、步进、线性缓动	easings-custom

工具

主题	描述	参考
工具	DOM 工具、值辅助函数、数学函数	utils-helpers

高级

主题	描述	参考
合成	用于重叠动画的替换、无、混合（叠加）	advanced-composition
引擎	全局引擎——暂停、恢复、速度、timeUnit、精度	advanced-engine
WAAPI	Web Animations API——waapi.animate 用于原生动画	advanced-waapi
作用域（createScope）	执行上下文、默认值、方法、keepTime、revert	advanced-scope