Anime.js 是一个快速、多用途、轻量级的 JavaScript 动画库，具有简单但功能强大的 API。它适用于 CSS 属性、SVG、DOM 属性和 JavaScript 对象。版本 4 引入了带有 ES 模块的模块化架构、改进的性能以及可拖动交互、可动画对象和高级时间线控件等增强功能。 > 该技能基于 Anime.js v4.3.5，生成于 2026-01-29。 ## 核心参考主题 |描述 |参考 ---|---|--- 动画|基本动画功能，目标选择，属性动画| [核心动画]() 时间轴 |顺序和并行动画、标签、位置控制 | [核心时间线]() 错开|多个目标的交错动画 | [核心交错]() 动画参数|持续时间、延迟、缓动、循环、回调 | [核心参数]() 定时器| createTimer、Timer—定期回调、frameRate、播放 | [核心计时器]() ## 特点 ### 可拖动主题 |描述 |参考 ---|---|--- 可拖动 |创建具有物理和约束的可拖动元素 | [features-draggable]() 可拖动配置|容器边界、捕捉、摩擦力、速度 | [features-draggable-config]() ### 可动画主题 |描述 |参考 ---|---|--- 可动画 |为自定义动画创建可动画化的对象 | [features-animatable]() ### 范围和滚动主题 |描述 |参考 ---|---|--- 范围 |基于滚动的动画和视口检测 | [功能范围]() 滚动（onScroll）|滚动链接动画、进度、链接（时间轴）| [features-scroll]() ### 布局主题 |描述 |参考 ---|---|--- 布局（自动布局）| FLIP 式布局动画、手风琴、进入/离开 | [功能布局]() ### SVG 主题 |描述 |参考 ---|---|--- SVG 变形 |变形 SVG 路径和形状 | [features-svg-morph]() SVG 绘图 |动画 SVG 路径绘图 | [features-svg-draw]() SVG 运动路径 |沿 SVG 路径对元素进行动画处理 | [features-svg-motion-path]() ### 文字主题 |描述 |参考 ---|---|--- 文本分割 |将文本拆分为单词、行和字符 | [features-text-split]() 文字动画|动画文本内容和属性 | [特征文本动画]() ## 缓和主题 |描述 |参考 ---|---|--- 缓动函数 |内置缓动函数（in、out、inOut）| [缓动函数]() 定制缓动|三次贝塞尔曲线、弹簧、台阶、线性缓动 | [easings-custom]() ## 实用程序主题 |描述 |参考 ---|---|--- 实用程序 | DOM 实用程序、值助手、数学函数 | [utils-helpers]() ## 高级主题 |描述 |参考 ---|---|--- 成分|重叠动画的替换、无、混合（附加）| [高级构图]() 发动机|全局引擎——暂停、恢复、速度、时间单位、精度 | [高级引擎]() WAAPI | Web 动画 API — 用于本机动画的 waapi.animate | [高级-waapi]() 范围（创建范围）|执行上下文、默认值、方法、keepTime、恢复 | [高级范围]()

日本动画片

包含技能