настроить яркость изображения в imageoverlay с помощью листовки

Question

Я использую наложение изображений в листовке. Как я могу настроить яркость изображения? Я не хочу использовать opacity. Как я могу применить яркость фильтра к изображению без манипуляции 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); 
}