使用传单调整 imageoverlay 中的图像亮度

Question

我在传单中使用图像叠加。如何调整图像亮度？我不想使用不透明度。如何在没有 DOM 操作的情况下将滤镜亮度应用于图像？ 有没有办法覆盖叠加层中的图像属性？

L.imageOverlay(imageUrl, bounds).addTo(map);

如何调节亮度？

Answer 1

您是否研究过 CSS 亮度过滤器？ - https://developer.mozilla.org/en-US/docs/Web/CSS/filter#brightness()

.leaflet-image-layer {
    -webkit-filter: brightness(0.5);
    filter: brightness(0.5);
}