`r`n
经纬志
`r`n
`r`n
首页 / OpenLayers / 使用示例
`r`n

几何图形渲染

ol.render.toContext 把 OpenLayers 的绘制能力搬到任意 canvas 上,不经过地图也能出图。

OpenLayers 10.3.1 · 更新 2026-10-28
`r`n
源码与运行效果
运行效果
`r`n

说明

示例在左下角的图例画布里调用 setStyle 指定样式,再用 drawGeometry 画多边形、点和虚线,坐标直接用画布像素。size 与 pixelRatio 在创建渲染器时给定,图形不会因容器尺寸变化而错位。同一套 ol.style.Style 既能画地图要素,也能画图例,样式口径统一。

操作结果
查看左下角图例面、点、虚线三类图形与地图样式一致
缩放地图图例保持不变,只是示意图

要点

  • 离屏渲染器的坐标系原点在画布左上角,y 轴向下。
  • 几何对象用像素坐标构造,与投影无关。

图例需要跟随地图旋转或分辨率时,把 pixelRatio 与实际设备比对齐,避免模糊。

`r`n
`r`n