antv-l7/docs/api/layer/line_layer/path.zh.md

58 lines
1.0 KiB
Markdown
Raw Normal View History

2019-12-14 22:15:28 +08:00
---
title: 路径图
order: 1
---
用一组首尾不闭合的点坐标对来定位的线图层,通常用来表示轨迹,线路,道路等
## 使用
### shape
shape 设置成line即可绘制路线图
- line
### size
路径图线的size支持两个维度
- width 宽度
- height 高度
```javascript
layer.size([2,10]) // 绘制宽度为2高度为10的路径
2020-01-07 21:15:23 +08:00
layer.size('height',[])
```
2019-12-31 19:17:29 +08:00
### animate
2020-01-07 13:54:30 +08:00
#### 开启关闭动画
```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
})
```
2020-04-13 16:58:09 +08:00
##### 参数动画介绍
L7 目前动画参数为相对单位我们默认一条线段的长度为1
![L7 动画参数](https://gw.alipayobjects.com/mdn/rms_855bab/afts/img/A*IBBfSIkb51cAAAAAAAAAAABkARQnAQ)
如果 interval = 0.2,则一条轨迹将会分成5段如果 interval = 0.5 则为两段。
2020-01-07 13:54:30 +08:00