gsap-plugins - 使用 GSAP 插件实现动画与交互
指导注册和使用 GSAP 插件，实现滚动、布局过渡、拖拽、文本、SVG、物理、缓动和开发工具功能。
标签
更新于: 2026-10-15能力
典型输入
典型输出
该技能可以做什么
- 注册 GSAP 插件
- 动画滚动位置
- 平滑原生滚动
- 动画布局过渡
- 启用元素拖拽
- 应用惯性效果
- 规范指针输入
- 拆分文本元素
- 制作 SVG 动画
- 配置缓动插件
- 使用 GSDevTools
输入
- GSAP 插件导入
- 插件配置
- DOM 元素
- 滚动目标
- 布局状态变化
- 指针或滚动输入
- 文本内容
- SVG 元素
输出
- 已注册的插件状态
- 动画滚动位置
- 平滑滚动行为
- 动画布局过渡
- 可拖拽或可投掷元素
- 惯性运动
- 手势回调
- 拆分后的文本标记
- SVG 动画
- 缓动动画
- GSDevTools 状态
要求
- GSAP npm 包
- 使用前注册插件
- ScrollSmoother 需要 ScrollTrigger