> 文章列表 > 233：vue+openlayers绘制渐变填充色的圆形、多边形

233：vue+openlayers绘制渐变填充色的圆形、多边形

文章列表

233：vue+openlayers绘制渐变填充色的圆形、多边形

在这里插入图片描述

第233个

点击查看专栏目录

本示例的目的是介绍如何在vue+openlayer中绘制带有渐变填充色的圆形、多边形。这里用canvas的方式去渲染，用到了DEVICE_PIXEL_RATIO，设备上的物理像素与设备无关像素 (dips) 之间的比率 (window.devicePixelRatio)。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果

文章目录

- - 示例效果
  - 配置方式
  - 示例源代码（共136行）
  - 相关API参考
  - 专栏目标

示例效果

233：vue+openlayers绘制渐变填充色的圆形、多边形