Jump to content
You must now use your email address to sign in [click for more info] ×

AFD - Export to SVG - to these configurations


Recommended Posts

I'm lost with code, but would like to know if I can configure AFD's export SVG settings (More) so that my exported SVGs match the settings in this example file?  (FWIW, this example works perfectly with Filemaker).  Here's the code (opening the SVG in a text editor) and I attach the sample file as well.

Does anyone know if/how an SVG can be output from AFD to match these settings?

 

<?xml version="1.0" encoding="utf-8"?> 
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" 
	 x="0px" y="0px" width="50px" height="50px" viewBox="0 0 52.33 52.33"> 
<path d="M19.833,0L32.5,0 32.5,19.833999 52.334,19.833999 52.334,32.500999 32.5,32.500999 32.5,52.333 19.833,52.333 19.833,32.500999 0,32.500999 0,19.833999 19.833,19.833999z"/> 
</svg>

 

SVG.zip

Grumpy, but faithful (watch out all you cats)

Link to comment
Share on other sites

At a quick try, I couldn't see to influence/force the SVG export generator somehow to change the SVG image width and height define attributes settings to pixel and to include the x/y px start pos settings. - I recall that that's something I've been complaining long time ago for the SVG output code generation. So I think you still would have to edit those manually in a text editor in order to fulfill to your needs.

Further I realized that AD forgets the previously settings made/applied in the SVG export panel and it's more options, meaning it always returns to it's default initial settings on consecutive usage during try outs.

Here's how AD would export a blue colored cross then as SVG code ...

<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="100%" height="100%" viewBox="0 0 2481 1749" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2;">
    <path d="M1476,673L1993,673L1993,1084L1476,1084L1476,1554L1028,1554L1028,1084L434,1084L434,673L1028,673L1028,279L1476,279L1476,673Z" style="fill:rgb(0,51,255);"/>
</svg>

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Thanks for the reply v_Kyr.

I've solved my problems and now I can solve yours too.  🙂

 

  • The percentage width/height tags are replaced by points, if you deselect the 'Set viewBox' option in the Export dialog's 'More' settings.
  • You can Save your settings via the Manage Presets button in the Export dialog's 'More' settings

 

There was a further hiccup with AFD and Filemaker, in that importing an SVG into its 'button icons dialog' worked, but wasn't showing an icon in the Buttons dialog itself (where you choose the icon you want to use).  So very hard to work with the AFD exported icons.  This I discovered was due to using a Shape in AFD, instead of Nodes.  Nodes give an SVG with Paths, which works perfectly.  Shapes give you different SVG code.

Grumpy, but faithful (watch out all you cats)

Link to comment
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

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.