经纬志
首页 / OpenLayers / 使用示例

栅格数学运算

逐像元做伽马校正与阈值分割,实时看到参数对画面影响。

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

说明

单源栅格也能做逐点运算:operation 拿到像元数组后可以做伽马校正、阈值二值化、线性拉伸,再把结果写成新的 ImageData。

示例把城市热岛式的灰度场做伽马变换与阈值分割,滑杆改动后重建栅格源。官方示例读 COG 波段,这里的像素来自页面生成的画布。

要点

  • Math.pow(v, gamma) 中 gamma 小于 1 会提亮暗部。
  • 阈值只影响配色,不改变源数据。
  • 改参数要重建 ol.source.Raster,图层的数据源一并替换。

栅格运算在主线程执行,像元规模大时改用 WebGL 图层更合适。