Jump to content
zach_

Saving Artboard as an SVG without a border in the result

Recommended Posts

Hi there,

I'm trying to export a layer as an SVG, but when I open the finished product, there is a border around it (I think it is from the artboard). Wondering if I can set it so every layer can be exported without a square border around it.

More detail:

I have a file setup as a grid of artboards (see attached) and I want those objects (with no border) exported as an SVG. Looking something like this:

issue-one.thumb.png.6ce979eceeef3f353735b0e74c3c9106.png

Switching to Export Persona, I have slices of every artboard and in this case select "Page 1" to export as an SVG. I can see that every slice has a little symbol of a pentagon and a circle surrounded by a purple square border. I've seen in tutorials that this symbol can be just the shapes colored yellow (this is what I expect I want to have in this case). So the Exporting looks like this:

issue-two.thumb.png.ace8f193b9941e1dd0413d8435fd2e0e.png

After saving it off and opening the resulting SVG file, I end up with the desired objects from the layer, but I also have a rectangle surrounding the whole thing. It looks like I can delete it manually and save it off again to just get the objects in the layer. I'm wondering how to set it so I don't get a border of where the artboard was in my outputted SVG. So I want to stop exporting the highlighted rectangle:

issue-three.thumb.png.4b7300896c8be8bd867cd59f5a89417b.png

 

Let me know if you need clarification. Thanks in advance for your help.

Here's a test file: svg_export_testing.afdesign

Best,

Zach

 

Share this post


Link to post
Share on other sites

Hi Barnye,

Unfortunately there's been no update on the development log, however this was marked as an improvement and not a bug, so it will have a lower priority than other issues - my apologies!

Share this post


Link to post
Share on other sites

Thanks Dan,

The reason I'm interested is because I'm currently busy exporting a large number of svg's placed on individual artboards and I'm having to individually open every file delete the errant rectangle and then re-export. It's quite a frustrating process!

Share this post


Link to post
Share on other sites

I am running up on the same issue-- I have to export these SVGs to work for web animation, and this is a must.

Under certain export settings, it doesn't only create a <rect /> for the artboard, but also a <g /> with id "Artboardname1". Is this a bug?

Edited by ptt

Share this post


Link to post
Share on other sites

Hi @ptt,

Welcome to the forums :)

14 hours ago, ptt said:

Under certain export settings, it doesn't only create a <rect /> for the artboard, but also a <g /> with id "Artboardname1". Is this a bug?

What settings are these please? Does this happen with any artboard file, or only a specific one?

Share this post


Link to post
Share on other sites
On 2/2/2021 at 1:01 AM, Dan C said:

Hi @ptt,

Welcome to the forums :)

What settings are these please? Does this happen with any artboard file, or only a specific one?

(Thanks!) Rookie mistake, forgot to take note of the settings and now can't remember. I'll post here again when I come across it. 
I don't think it was anything specific to that artboard file-- I was testing out SVG exports and it only had a single rectangle and a text box.

Share this post


Link to post
Share on other sites

Is there any update on this? I’ve been running into this issue as well.  It would be great to export an artboard and not have the border included in the SVG file.  It could even just be an export setting if possible.

Share this post


Link to post
Share on other sites

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

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.