Jump to content

Recommended Posts

Posted

Hi,

I'm using some lines with dashed lines but unfortunately the moment I export this as SVG and attempt to look at them again at it in the browser, the dashes look very different.

 

Here's how it looks in Affinity Designer:

image.png.b31d90314ea03d8355de0ff1b8499593.png

and here's how the generated SVG looks like in the browser:

image.png.d70c69dfc874711d6189a487926a192e.png

It somehow seems to be attempting to keep the number of dashes fixes, and thus compresses them? Is there a way to avoid this?

I'm attaching both the exported SVG as well as the original Affinity file.

Thanks

bst-building.svg bst-building.afdesign

Posted

I opened your SVG in Inkscape and the dashed line going from the top of the 5-circle is considerably different from the others. Also, the thickness and style of the other lines seems to be quite inconsistent, see attached image.
I then opened your AFDESIGN file and exported it as SVG.
I placed my exported SVG into a Designer document and all looks okay but loading it into Inkscape gave me the same problem.
Exporting as a PNG or PDF looks fine.
This needs more experimentation but I think the Affinity team will need to look into it.

Annotation 2020-02-24 093721.png

  • Staff
Posted

Hi devoured_elysium,

On the Export Window after selecting SVG, click on the More button and enable Flatten Transforms and the export SVG then looks fine (or it does for me).

Not 100% why that fixes it but i'll try and find out :) 

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.