2019-11-21 13:06:13 +08:00
|
|
|
|
---
|
2020-03-14 12:31:09 +08:00
|
|
|
|
title: 图层基类
|
2021-12-29 17:05:50 +08:00
|
|
|
|
order: 2
|
2019-11-21 13:06:13 +08:00
|
|
|
|
---
|
2020-11-17 10:59:32 +08:00
|
|
|
|
|
2020-11-16 15:19:41 +08:00
|
|
|
|
`markdown:docs/common/style.md`
|
2020-11-17 10:59:32 +08:00
|
|
|
|
|
2019-11-21 13:06:13 +08:00
|
|
|
|
## 简介
|
2019-12-02 15:16:45 +08:00
|
|
|
|
|
2021-12-30 12:10:44 +08:00
|
|
|
|
L7 Layer 接口设计遵循图形语法,所有图层都继承于基类(baseLayer)。
|
2019-11-21 13:06:13 +08:00
|
|
|
|
|
|
|
|
|
语法示例
|
|
|
|
|
|
|
|
|
|
```javascript
|
2021-12-30 12:10:44 +08:00
|
|
|
|
const layer = new BaseLayer(option) // option - 传入构造函数的参数对象,提供 layer 的初始状态
|
2021-12-30 00:14:33 +08:00
|
|
|
|
.source(...) // 传入图层需要的数据以及相关的解析器
|
|
|
|
|
.shape(...) // 为图层指定具体的形状,如:circle/triangle 等
|
|
|
|
|
.color(...) // 指定图层的颜色配置
|
|
|
|
|
.texture(...) // 指定图层引用的纹理
|
|
|
|
|
.size(...) // 设置图层元素的大小
|
|
|
|
|
.animate(...) // 设置图层元素的动画模式
|
|
|
|
|
.active(...) // 指定图层元素是否支持划过选中
|
|
|
|
|
.select(...) // 指定图层元素是否支持点击选中
|
|
|
|
|
.style(...); // 指定图层自定义样式的配置
|
2020-01-07 21:15:23 +08:00
|
|
|
|
|
2020-01-08 00:17:58 +08:00
|
|
|
|
scene.addLayer(layer);
|
2019-11-21 13:06:13 +08:00
|
|
|
|
```
|
|
|
|
|
|
2022-01-04 11:26:08 +08:00
|
|
|
|
`markdown:docs/common/layer/base.md`
|