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

波段对比度拉伸

页面内生成 512 × 512 单波段数据,两个滑块控制最小值与最大值,拉伸后按灰度重新绘制影像。

OpenLayers 10.3.1 · 对应官方 cog-stretch.html · 更新 2026-10-27
源码与运行效果
运行效果

说明

COG 只是按瓦片组织的 GeoTIFF,取到单个波段后,显示效果取决于对比度拉伸: t = (value − min) / (max − min),再乘以 255 得到灰度。示例在页面内生成 一块 512 × 512 的单波段数据,两个滑块分别控制 min 与 max。

每次调整都重绘 canvas,把新的 dataURL 交给新的 ol.source.ImageStatic;真实场景里这一步换成重设瓦片图层的 style(WebGL)或重算瓦片缓存。

操作结果
调低「低值」暗部被压黑,整体变亮
调高「高值」亮部被截断,整体变暗
低值与高值过于接近自动保持 0.02 的区间,状态栏显示实际区间