Hallo,
kann ich eine SVG per CSS einfärben?
Hier mein Code:
<div style="margin-top: -5px"
data-type="image"
data-device="Wetter"
data-get="fc1_iconAPI"
data-suffix=".svg"
data-path="weather-icons/"
data-opacity="1.0"
data-size="55"
>
</div>
Hier habe ich dazu etwas gefunden: https://blog.union.io/code/2017/08/10/img-svg-fill/
Ich habe das mal kurzerhand in das CSS eingepflegt > funktioniert (ist im Update)
Jetzt kann man white, blue, green, yellow, orange, red, grey hinzufügen
class="blue"
Geht auch gesteuert per zweitem Reading
<div data-type="image"
data-get="dummy1:STATE"
data-suffix=".svg"
data-path="../images/fhemSVG/"
data-opacity="1.0"
data-size="55"
data-state-get="dummy2:STATE"
data-states='["on","off"]'
data-classes='["green","red"]'>
</div>
Hi,
danke für die schnelle Umsetzung.
class="white" und class="grey" geht leider nicht.
Liegt wohl an meiner Datei
Ich hänge die svg mal an.