SVG fill:none + colour support (<style>)

General JUCE discussion
1

Hi Jules,

Would it be possible to make juce compatible with transparency/colours within SVGs?
I assume you do not support <style> yet, right?

Here is my file example:
Within juce I obtain a black rectangle because fill-none is not applied.

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 52 28">
<defs><style>.cls-1{fill:#00987d;}.cls-2{fill:none;}</style></defs>
<title>my_title</title><g id="Layer_2" data-name="Layer 2">
<g id="MENU">
<rect class="cls-1" x="16" y="17.79" width="20" height="4.21"/>
<rect class="cls-1" x="16" y="6" width="20" height="4.21"/>
<rect class="cls-1" x="16" y="11.89" width="20" height="4.21"/>
<rect class="cls-2" width="52" height="28"/></g></g>
</svg>

Should be, according to osx finder:

Thanks!

1 Like