Lottie / 设计文档

Lottie 设计文档

在网页中展示 Lottie 动画，内部基于 lottie-web 渲染（严格对齐 Semi）。相较直接用 lottie-web，无需关心动画容器的创建与销毁、动画本身的生命周期。params 透传 lottie.loadAnimation（path CDN / animationData 打包 / renderer / loop / autoplay / container 等）；getAnimationInstance 获取当前 AnimationItem（含 play/pause/setSpeed 等方法）实现播放控制；getLottie 获取全局 lottie 包，亦可用静态方法 Lottie.getLottie()。params.container 存在时组件不渲染 DOM（用户自管容器）。

← API 文档

使用建议

在网页中展示 Lottie 动画，内部基于 lottie-web 渲染（严格对齐 Semi）。相较直接用 lottie-web，无需关心动画容器的创建与销毁、动画本身的生命周期。params 透传 lottie.loadAnimation（path CDN / animationData 打包 / renderer / loop / autoplay / container 等）；getAnimationInstance 获取当前 AnimationItem（含 play/pause/setSpeed 等方法）实现播放控制；getLottie 获取全局 lottie 包，亦可用静态方法 Lottie.getLottie()。params.container 存在时组件不渲染 DOM（用户自管容器）。

Accessibility

  • Semi Lottie 为纯动画展示容器，无内建 role/aria；无障碍名由使用方按场景在容器上补充。

设计变量

该组件暂无专属设计变量。