Skip to content

Animate

Click on the layer to turn it onanimateThe basis points after the method are2DPoint is still3DPoints support two different animations: water wave points and growth animation. Click on the layer to turn it onanimateAfter the method, a special water wave pattern will be obtained. The layer is made up of rings that spread outward.

案例 案例

water wave point

animate(boolean | IAnimateOption)

animateThe method supports Boolean and object passing values.

layer.animate(true);

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

IAnimateOption

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

growth animation

animate(boolean | IAnimateOption)

animateThe method supports Boolean and object passing values.

animate(true)
animate(false)

animate(animateOptions)

interface IAnimateOptions: {
  enable: boolean;
  speed?: number = 0.01;
  repeat?: number = 1;
}
#### IAnimateOptions


Parameters of `animate` method:

- `enable` Whether to enable animation, Boolean value, default is `false`.
- `speed` Growth speed, numerical value, default is `0.01`.
- `repeat` The number of times to play the growth animation, numerical value, the default is `1`.
© Copyright 2026 Ant Group Co., Ltd..备案号:京ICP备15032932号-38
Site search
Documentation and examplesType to start searching

Search documentation, APIs, and examples

↑↓Select↵OpenEscClose