Fair point, although I used to scale it up trough RectanglePlacement::stretchToFit which looked good in JUCE 5.0.x.
Now I don’t know why the font size is so small there. I didn’t create those svgs, but I know that the creator (who is no professional graphic designer) put them together with Inkspace. So I downloaded Inkspace to see how it looks like in the editor it was created with:
As you see, in Inkspace the font size is set to 6pt - so I don’t know why this gets translated to 2.11666656px
In the Mac Finder preview area the svg file generated by Inkspace is very tiny, but it obviously displays the text:
In the Producers preview, its even smaller but without the text:
Now I thought that maybe Inkscape just generates some none-standard svg files, so I downloaded the 7 day trial version of Adobe Illustrator. If I open the image with illustrator, it looks like this:
Illustrator interprets the font size as 8pt, chooses a different font (probably because there is no actual font specified in the svg) and doesn’t display the grid above the level bar for some reasons.
Now, re-exporting the image as svg through Illustrator generates an svg-file that looks like this in the Finder’s preview:
It is displayed as small as the original version, displayed WITH text and WITHOUT the grid. And obviously with a lot smaller file size.
In the Projucer the Illustrator-Version looks like this:
A lot bigger than before, with the grid (why??
) and with all text - except for the first “0 db FS” line. A look into the underlying xml now shows a completely different description for this text section:
<text class="cls-8" transform="translate(18.13464 8.08046)"><tspan xml:space="preserve"> 0 dB FS</tspan></text>
I don’t know if all this made things more clear of if this just confuses everything even more. At least I now know that svg seems to have so many options of describing the same thing in a different way that maybe no svg parser may cover all edge-cases.
I think, if my audio algorithms are up and running, a serious gui re-design, maybe with the help of someone who’s better at designing will have to be done. So the last question remaining now is:
What software should be used to create 100% JUCE-compatible svg images? Is there any free or open source tool you can propose or should I just pay for Illustrator and everything will be fine?