Jump to content

SVG symbol "x" and "y" attributes ignored

Recommended Posts

SVG "symbol" elements with non-zero "x" or "y" attributes are not placed correctly by Affinity Designer 1.10.5


Compare screen shots of a web browser's correct rendering (Firefox, same correct results with Safari)

versus screenshot of imported image in Designer.


The rendered symbol should be placed with top-left at 40,49.1 not 50,50


It is also just weird that Designer has decided the make a "layer" out of the symbol.

Why not a simple "group"?


(I keep finding basic basic SVG bugs ever single time I try anything.  And those reported are never fixed.  It's very frustrating trying to do anything at all with SVGs.)



<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">

    <symbol id="xxx" width="20.0" height="8.9" x="-10.0" y="-1.9">
      <rect x="0" y="0" width="20.0" height="1.9" fill="red"/>
      <rect x="0" y="1.9" width="20.0" height="7.0" fill="pink"/>

  <rect x="50" y="0" width="1" height="100" fill="black"/>
  <rect x="0" y="50" width="100" height="1" fill="black"/>

  <use href="#xxx" transform="translate(50,50)"/>



correct (firefox).png

incorrect (affinity).png


Link to comment
Share on other sites

  • Moderators

Hi @Richard Mlynarik,

Thanks for your report! I can confirm I'm seeing the same issue here, I believe it stems from the use of a <use> transform tag - so I'm logging this with our developers for you now.

17 hours ago, Richard Mlynarik said:

It is also just weird that Designer has decided the make a "layer" out of the symbol.

Why not a simple "group"?

A 'Layer' in Affinity Designer is essentially a Group container, so the functionality remains the same as a group - hence these are used.

I hope this helps :)

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.

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.


  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. 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.