Richard Mlynarik Posted June 7, 2022 Share Posted June 7, 2022 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 Quote Link to comment Share on other sites More sharing options...
Dan C Posted June 8, 2022 Share Posted June 8, 2022 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 Quote Link to comment Share on other sites More sharing options...
Recommended Posts
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.