2022-01-06 15:53:20 +08:00
|
|
|
### animate
|
|
|
|
|
|
|
|
|
|
#### 开启关闭动画
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
layer.animate(true);
|
|
|
|
|
layer.animate(false);
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
#### 设置动画参数
|
|
|
|
|
|
|
|
|
|
- duration 动画时间 单位(s)秒
|
|
|
|
|
- interval 轨迹间隔, 取值区间 0 - 1
|
|
|
|
|
- trailLength 轨迹长度 取值区间 0 - 1
|
|
|
|
|
|
|
|
|
|
```javascript
|
|
|
|
|
layer.animate({
|
|
|
|
|
duration: 4,
|
|
|
|
|
interval: 0.2,
|
|
|
|
|
trailLength: 0.1,
|
|
|
|
|
});
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
##### 参数动画介绍
|
|
|
|
|
|
|
|
|
|
L7 目前动画参数为相对单位，我们默认一条线段的长度为 1
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
如果 interval = 0.2,则一条轨迹将会分成 5 段，如果 interval = 0.5 则为两段。
|
|
|
|
|
|
|
|
|
|
|
2022-01-17 20:39:01 +08:00
|
|
|
<img width="450px" style="display: block;margin: 0 auto;" alt="案例" src='https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*mo_7Q6sTqOIAAAAAAAAAAAAAARQnAQ'>
|
2022-01-06 15:53:20 +08:00
|
|
|
|
|
|
|
|
[在线案例](../../../examples/gallery/animate#plane_animate2)
|
|
|
|
|
|
