SVG symbol "x" and "y" attributes ignored

[Richard Mlynarik]

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">

  <defs>
    <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"/>
    </symbol>
  </defs>

  <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)"/>
</svg>



 

 

s.svg

[Dan C]

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