经纬志
首页 / deck.gl / 使用示例

图案填充

用纹理而不是纯色区分区块,打印出来也能分辨。图案来自一张图集,加上每个图案在图集里的矩形位置。

deck.gl 9.0 · 更新 2026-10-28
源码与运行效果
运行效果

说明

fillPatternAtlas 是图集图片,fillPatternMapping 描述每个名字对应图集里的 x / y / 宽 / 高,getFillPattern 再按要素属性选名字。示例的图集由 canvas 生成,省掉一个外部图片文件。

fillPatternSizeUnits 设为 pixels 时图案大小不随缩放变化,适合做符号化的专题图。

配置作用
fillPatternAtlas图集图片,接受 URL 与 data URL
fillPatternMapping图案名 → 图集里的矩形
getFillPattern按属性返回图案名
fillPatternSizeUnits'pixels' 时图案不随缩放变化

图集里的图案块不要紧贴边缘,留 1 到 2 像素空隙,否则线性过滤时相邻图案会串色。