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

Affinity Designer Export Non-Scaling Stroke


Recommended Posts

I built a set of icons (with Affinity Designer) that are intended to be rendered with a non-scaling stroke. The stroke should be 2px regardless of the displayed size. So, I need to be able to:

 

  1. Export SVG files with vector-effect set to non-scaling-stroke in the style.
  2. Export PNG files at a few sizes with the same stroke width, meaning both a 32x32 PNG and a 64x64 px PNG would have the same 2px strokes. I understand how to export multiple size PNGs, but the stroke always scales.

 

Is this possible with Affinity Designer?

Link to comment
Share on other sites

  1. No AFAIK you can't setup/customize this for the to be generated SVG code on export, thus you would have to manually edit the SVG code afterwards ...
    ...
    <rect x="2" y="2" width="7" height="7" style="fill:#ebebeb;stroke:#000;stroke-width:2px;" vector-effect="non-scaling-stroke"/>
    ...

     

  2. Yes the stroke seems to always scale here too when exporting 2x, 3x etc. even when scale with object setting for strokes is unchecked.

☛ 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

  • 2 months later...

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.