So I have an SVG with rectangles all of which have rounded corners.
When I load it into the UI, only some of the rectangles have rounded corners.
In the attached sample the top large rectangle works, the bottom one doesn’t.
The thin ones all work.
I’ve never noticed this before I do use rounded rectangles a lot, so is this a new bug?
SVGs are created with inkscape
Oh, that’s even more curious! In Inkscape they are definitely showing with rounded corners, but when I upload them here, then I get exactly what I see in the UI.
Looks like this might be an inkscape problem instead…
Since this does not appear to be a GF issue, perhaps this should be moved to a different topic
(The lower one is “flipped”, that might be contributing, but it doesn’t matter. The GF expects paths, not objects.) Edit: Both are rotated, missed it originally.
(Or just duplicate the top one and delete the lower one - which I did below. That fixes it as well - but I never even realized the GF would support objects. Everything should be a path, by my understanding)…
What a browser sees when duplicating the top rectangle, alongside the one in the original file.:
That is possible, normally I create rounded rectangles just by dragging the corner. I was messing about with entering radii manually this time. Interesting still that the display in Inkscape vs Chrome/GF are at odds with each other.
I do this rounding a lot, I shall have to pay more attention in future see if I can spot exactly where it went awry
You are right, there are many ways of fixing it - it just the fact that something that looks the same in inkscape doesn’t look the same elsewhere is the problem.