Better SVG export

[garyvey]

Hallo Affinity Team,

 

I'm looking for an alternative to Illustrator and have tried out Affinity. Unfortunately, I'm rather disappointed with the SVG Export in Affinity. Some layers in my vector graphics are coded as inline PNGs (data:image/png;base64). It would also be nice if the layer names were also exported in the SVG, so that I can target them in the code later.

 

 

Thanks,

Gary

[MattP]

Hi Gary,

 

We can definitely look at passing through layer names - that shouldn't be an issue, but (as I'm sure you already know) certain things can't be described in SVG and some other things would look different to how you see them in the application - in either case, we rasterise those elements. Is there a document you could share with us that shows elements you don't expect to be rasterised so we could look at it?

 

Everything's fixable - and normally without too much trouble :)

Matt

[hellishcz]

I am really looking forward to exporting layer names into SVG file. I want to animate certain elements in SVG with CSS and without proper layer names it is really hard to find the specific elements.

[JDW]

I mentioned this in a recent post in another thread, but perhaps it bears repeating in a more appropriately titled thread like this one...

 

I use SVGs with SoftPress Freeway (web design app) and find that Illustrator-generated SVGs lack HEIGHT and WIDTH attributes which make the SVGs have problems in Freeway (when used with Freeway's "SVG Image" action).  The Illustrator SVGs display in-browser, but the problem is that Freeway auto-creates a fallback image (JPG/GIF/PNG -- your choice) for SVGs and that fallback image isn't generated if the SVGs HEIGHT & WIDTH tags are missing.  So I either have to use a text editor to hack in those two tags or bring the SVG into Affinity Designer and then export it (which nicely exports the Height & Width tags).  The only problem with using Affinity Designer to do this is that Affinity exports slightly larger SVGs than Illustrator does (yes, I am choosing "Export for Viewing").

 

Another issue is that I sometimes open an SVG and see whitespace surrounding the vector content.  I know I can click the Document setup button in Affinity to shrink the artwork/artboard area to the dimensions of the artwork, but it's fiddly.  It would be wonder to have a one-click means of shrinking the artboard to the artwork size.

 

Thanks.