Bo Lovenhjelm Posted January 19, 2024 Posted January 19, 2024 Hi, I'm using the version 2.3.1 of the Affinity Suite for MacOS. When implementing a svg-file exported from any of the software in the suite into a HTML document I want to be able to control the svg file with CSS - eg stroke widths, colors, fills and so on. With svg files exported from any of the software form Affinity Suite this is not possible. The only thing I can control with CSS is the image size due to the fact that the exported svg file contains internal css that has to be stripped in an text editor before styling with CSS is possible. The only "solution" I've found as of yet (besides opening every svg in a text editor and strip away internal CSS) is to open the svg file in Adobe Illustrator and export it again with the box "Presentation mode" ticked and only THEN I'm finally able to control the svg file as intended. I've attached 2 files exported from both Affinity Pulbisher and Adobe Illustrator Also attached are screen shots with export settings from both softwares. Just to be clear, a svg file exported from affinity software works on a web page but is not controllable with CSS besides the image size. I have several hundreds of icons made in svg format for print already and instead of me opening up the svg files in a text editor, stripping them of the styles and then upload into the CMS for the CSS to work it's magic it would be nice if they, as one already can in illustrator, could just open the files in Affinity and export the svg "For Web" and the work would be done further convincing everybody of the excellence of Affinity and move forwards to make the software switch from Adobe. Final thought.. Wouldn't it be nice though, if one could open all these svg-files up in Affinity and batch export them "For Web" in one nice sweep? affinity.svg illustrator.svg Gripsholm Lion 1 Quote
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.