跳到主要内容

Animate

线图层图层在开启 animate 方法后会得到沿线方向的线动画。

案例

animate(boolean | IAnimateOption)

animate 方法支持布尔值和对象传值。

layer.animate(true);

layer.animate({
  enable: true,
});

IAnimateOption

interface IAnimateOption {
  enable: boolean;
  speed: number;
  rings: number;
}

animate

开启关闭动画

layer.animate(true);
layer.animate(false);

设置动画参数

  • duration 动画时间 单位(s)秒
  • interval 轨迹间隔, 取值区间 0 - 1
  • trailLength 轨迹长度 取值区间 0 - 1
layer.animate({
  duration: 4,
  interval: 0.2,
  trailLength: 0.1,
});
参数动画介绍

L7 目前动画参数为相对单位,我们默认一条线段的长度为 1 L7 动画参数

如果 interval = 0.2,则一条轨迹将会分成 5 段,如果 interval = 0.5 则为两段。

案例

在线案例

© Copyright 2026 Ant Group Co., Ltd..备案号:京ICP备15032932号-38
全站搜索
文档与示例输入关键词开始搜索

输入关键词,查找文档、API 与示例

↑↓选择↵打开Esc关闭