On a retina monitor all SVG are blurry when designing but not when previewing

Slabbbe shared this problem 3 months ago
In Progress

When prototyping in the Justinmind application all vector graphics (SVG) are lowres on my retina computer. Other images and fonts are highres. When previewing with Simulate or looking at the final result everything is highres. Am I doing something wrong, is there something I can do to see it all in highres when creating/designing? (Have attached an image from editing in Justinmind and previewing)

Comments (7)

photo
1

Is there a specific widget library in which this occurs? Or is it all SVGs in Justinmind, including ones that you've imported yourself?

photo
1

I believe it is all vector graphics, my own as well as from the default widgets. Attaching some samples from within JIM (top) and from Simulate (Bottom). (text is always highres)

photo
1

To be clear, this is on MacOS. I tried the Windows version where everything inside JIM seems to be in lowres including texts and the JIM GUI it self. When viewing the result in Simulate everything is highres in Windows too.

photo
1

We're trying to narrow down the issue. Can you try changing the color of one of the SVGs in the properties palette and see if that fixes the pixelation?

photo
1

OK, great... thanks! Changing colors does not help (see attached file) The only detail I found being highres is the rounded corners of a button IF I set a border of 1px or more. If set to 0 the button corners are also lowres :-) ???

photo
1

How zoomed in is your editor where the SVGs appear pixelated?

photo
1

100% and if I set for example 400% it is even worse compared with the rounded button that seems to be correct (attached image)

Files: zoom.png