首页 / deck.gl / 使用示例
图案填充
用纹理而不是纯色区分区块,打印出来也能分辨。图案来自一张图集,加上每个图案在图集里的矩形位置。
源码与运行效果
说明
fillPatternAtlas 是图集图片,fillPatternMapping 描述每个名字对应图集里的 x / y / 宽 / 高,getFillPattern 再按要素属性选名字。示例的图集由 canvas 生成,省掉一个外部图片文件。
fillPatternSizeUnits 设为 pixels 时图案大小不随缩放变化,适合做符号化的专题图。
| 配置 | 作用 |
|---|---|
fillPatternAtlas | 图集图片,接受 URL 与 data URL |
fillPatternMapping | 图案名 → 图集里的矩形 |
getFillPattern | 按属性返回图案名 |
fillPatternSizeUnits | 'pixels' 时图案不随缩放变化 |
图集里的图案块不要紧贴边缘,留 1 到 2 像素空隙,否则线性过滤时相邻图案会串色。