首页 / OpenLayers / 使用示例
`r`n 半透明图层
不透明度是图层属性，调一个图层不会连带改变其他图层。
`r`n
源码与运行效果
说明
示例底图是 OSM，上面叠三个示意片区的矢量图层。setOpacity 接收 0 到 1 之间的值，两个滑块分别控制专题层与底图，互不影响。整个图层统一变淡而不是逐个要素改变颜色，这一点与在样式里写 rgba 不同：后者会叠加半透明填充的重叠部分。
| 操作 | 结果 |
|---|---|
| 降低专题层不透明度 | 红色片区变淡，底图细节透出 |
| 降低底图不透明度 | 底图变灰白，专题层不受影响 |
| 两者都调低 | 画布底色露出，出现灰底效果 |
要点
- 图层不透明度作用于整层合成结果，不会出现层层叠加的色块。
- 取值超出 0 到 1 会被裁剪。
只让填充半透明而描边保持实色时，应改样式里的 fill 颜色，而不是图层不透明度。