从不透明度为 50% 的 tilelayer WMS 生成图像

Question

我正在尝试使用 Tilelayer.WMS 生成的不透明度为 0.5

的层生成带有 leaflet-headless 和 leaflet-image 的图像

从视觉上看，传单的一切都像预期的那样是半不透明的，但是当使用传单图像生成图像时，该层是 100% 显示的。没有任何透明度。我错过了什么吗？

var tileSettings = {
   layers: layerName,
   styles: styleName,
   format: 'image/png',
   transparent: true,
   opacity: 0.5,
   maxZoom: 20,
   maxNativeZoom: 18,
}

var tileLayer = global.window.L.tileLayer.wms(WMS_URL, tileSettings);

layerGroup.addLayer(tileLayer);

Answer 1

发现它需要拉取请求 -> 将这行代码添加到函数 handleTileLayer

ctx.globalAlpha = (layer.options && layer.options.opacity) ? layer.options.opacity : 1;

希望对您有所帮助

从不透明度为 50% 的 tilelayer WMS 生成图像

Generating image from tilelayer WMS with 50% opacity

wms

leaflet