之前发布过一篇文章讲了在openlayers中实现了多边形的线性渐变填充,这篇文章我们再来介绍一下如何实现圆形的,以某个中心点开始的径向渐变填充。
先来看看效果吧:
不仅可以实现径向渐变,还可以实现自定义的色彩以及高斯模糊调整。
话不多说我们先来讲讲原理。思路和方法有很多种,在这里我们使用圆形径向渐变和图层裁剪做结合来完成这个效果。
首先你得搞懂openlayers官网上的一个例子:
https://openlayers.org/en/latest/examples/custom-circle-render.html