mcpete Posted April 16, 2015 Share Posted April 16, 2015 Hi Just switched to Affinity Designer this week and love the app. I'm a Web/UI designer and need to able to export svg icons for web. I like the export features in AD, but I'm having an issue with the exported SVGs. The svg tag within the the svg file is exported with height and width set to 100%. (eg. <svg width="100%" height="100%" viewBox="0 0 44 44" … ). This is given me problems with creating svg icons to be used as background img in css, which needs specifically defined height & width in pixels. Right now I would have to open the svgs in a text editor and change them manually, which isn't a fun thing to do. So I'd like to see an export option that would set those dimension based on the slice dimensions, in pixels. Thanks for making such a great app. -Pete Quote Link to comment Share on other sites More sharing options...
Staff MattP Posted April 16, 2015 Staff Share Posted April 16, 2015 Hi Pete, I think we'd have to make this an option as you said - we used to write simply width and height as pixel dimensions and no viewBox, but it meant that people couldn't use their SVGs easily as scalable elements on their pages, so we defaulted to the current solution. I'll look at adding the option soon :) Thanks for the suggestion, Matt Quote Link to comment Share on other sites More sharing options...
jardakotesovec Posted May 29, 2015 Share Posted May 29, 2015 Having option as Pete suggested would be also incredibly helpful for us. I am wondering - is there place where its possible to upvote certain feature requests? Thanks! Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted May 29, 2015 Staff Share Posted May 29, 2015 Hi jardakotesovec, Welcome to Affinity Forums. We have already taken note of this request. Up voting features will not change or speed up the order things will be implemented. There are other factors/constraints that must be taken in consideration during development that may delay (or speed up) the implementation of certain features. Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
Dave Harris Posted May 29, 2015 Share Posted May 29, 2015 As it happens, I implemented this option yesterday, and it should be in the next beta. The choice is between: <svg width="100%" height="100%" viewBox="0 0 40 40" <svg width=40px height=40px Hopefully one of those will satisfy all parties. MEB and jardakotesovec 2 Quote Link to comment Share on other sites More sharing options...
Staff MEB Posted May 29, 2015 Staff Share Posted May 29, 2015 Talking about speeding up... See? Dave made my reply obsolete in 27 min... -_- jardakotesovec 1 Quote A Guide to Learning Affinity Software | Affinity Quick Reference Link to comment Share on other sites More sharing options...
kemie Posted February 7, 2017 Share Posted February 7, 2017 As it happens, I implemented this option yesterday, and it should be in the next beta. The choice is between: <svg width="100%" height="100%" viewBox="0 0 40 40" <svg width=40px height=40px Hopefully one of those will satisfy all parties. Where is that option? I Only see a checkbox for "set view box", with no further options. Quote Link to comment Share on other sites More sharing options...
Dave Harris Posted February 7, 2017 Share Posted February 7, 2017 Set viewBox is the option we were talking about. If it is unchecked, you get width and height as pixels rather than percentages. Quote Link to comment Share on other sites More sharing options...
kemie Posted February 8, 2017 Share Posted February 8, 2017 Gotcha, thanks. I guess this is a very specific technical term, but perhaps a friendlier label could be used ("set dimensions as percentages", "relative dimensions"?) 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.