使用传单调整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);
}