Problem with opening .SVG file

[Seunghyeon]

Hello,

When I open a .svg file with affinity designer, I see the font, numbers are not displayed correctly. Same thing happened with affinity photo.

I use the latest version of affinity designer from the App Store.

.svg file is attached.

test2.svg

[Lee D]

The same is happening for me, however there isn't anything that can be adjusted to change the way is which the SVG file is imported. The numbers would need to be deleted and created again.

[GarryP]

There are no text elements in that SVG, the text is drawn as paths and the path elements for the text have transforms applied to them and the Affinity suite doesn’t ‘do’ transform perfectly.
I suspect – but can’t prove – that this is where the problem is coming from.
See this thread for more information (and links to yet more information): https://forum.affinity.serif.com/index.php?/topic/154583-bug-svg-transform-property-isnt-handle-right/

Is it possible for you to export, from the application you use to create the SVG, without the transforms? (I don’t know what the functionality will be called, maybe “Flatten Transforms” or something like that.)

[Seunghyeon]

Maybe I have to share how I generated test.svg. And I will search docs about the flatten transforms...

test2.py

[Seunghyeon]

Ok, I've found a solution. BUT, I would like to say Affinity Designer still needs a fix.

Special thanks to: GarryP

test3.svg test3.py

[GarryP]

Good to hear that you found a solution.
Yes, there are still some things which need a bit more care and attention regarding SVGs.

[GioPasqui]

@Seunghyeon How did you solve this?

I am facing the same problem when exporting .svg from python scripts. 

I see you shared the .py files but are Unavailable at the moment.

 

Thanks

[v_kyr]

3 hours ago, GioPasqui said:

I am facing the same problem when exporting .svg from python scripts. 

In case of the OP and his initial matplotlib based imports ...

#!/usr/bin/env python3

import proplot as pplt
import matplotlib.pyplot as plt
...

... the usage of pycairo instead for the SVG output generation ...

#!/usr/bin/env python3

import proplot as pplt
import cairo
import matplotlib
import matplotlib.pyplot as plt
matplotlib.use('Cairo')
...

... yields to better by ADe parsable SVG code.

• Other than that making use of the SVGwrite library (docs are here) is always also a good way to generate SVG graphics output which ADe can usually parse in without problems.