使用小冊子調整圖像亮度圖像重疊

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); 
}