JasonF Posted August 31, 2018 Share Posted August 31, 2018 I'm having issues exporting a particular file to SVG and am hoping someone can help me determine what I'm doing wrong. I have two primary issues with my export of this particular file (attached): 1. On export, the black color for all text in the image, specified as #000000 in the AD file, is changed to #030405. I can correct this manually in the code of the SVG, but I'd prefer to not have to. The red color (#ed1c24) of the Flag logo is not being modified during the export. 2. For the elements at the top of the image (flag logo, DiveTag and TM), fill colors are being supplied in the SVG code: style="fill:#030405;fill-rule:nonzero;" For the elements at the bottom of the image, though, (Reward Text, URL), fill colors are NOT being supplied in the SVG code: style="fill-rule:nonzero;" While the SVG renders correctly in a web browser without the fill colors being specified, it does not render properly in the PDF generator control we are using (https://github.com/dompdf/dompdf). It just fails to render the paths without color specified in their styles. Again, I can correct this manually in the code, but I am wondering if there is a way to force AD to specify fill colors for all exported SVG paths? Also, why is it specifying fill colors for some of the paths in my file, but not others? Thanks for any help you can provide! Personalized_tag_contents_750x750.afdesign Personalized_tag_contents_750x750.svg Quote Link to comment Share on other sites More sharing options...
Staff Dan C Posted September 3, 2018 Staff Share Posted September 3, 2018 Hi JasonF, Welcome to the forums I can certainly look into this for you. Could you please confirm the specific SVG export settings you're using, so I can fully replicate your workflow? Quote Please note - I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time. Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible. Many thanks! Link to comment Share on other sites More sharing options...
JasonF Posted September 3, 2018 Author Share Posted September 3, 2018 Thanks for looking into this! As for specific export settings, I've tried a bunch of different combinations with similar results each time. I just exported again using the export settings in the 2 attached screen shots below: Quote Link to comment Share on other sites More sharing options...
Staff Dan C Posted September 4, 2018 Staff Share Posted September 4, 2018 No problem at all, thanks for that On 8/31/2018 at 6:09 PM, JasonF said: On export, the black color for all text in the image, specified as #000000 in the AD file, is changed to #030405. I can correct this manually in the code of the SVG, but I'd prefer to not have to. The red color (#ed1c24) of the Flag logo is not being modified during the export. This is a strange issue I've not seen before. With your file I selected all of the black text, changed the fill to a hex code of 000001, then changed it Back to 000000 and exported the file. It now no longer changes the HEX code on export. On 8/31/2018 at 6:09 PM, JasonF said: I can correct this manually in the code, but I am wondering if there is a way to force AD to specify fill colors for all exported SVG paths? Also, why is it specifying fill colors for some of the paths in my file, but not others? Thanks for bringing this to our attention, although it displays and imports correctly, our SVG export appears to write no fill when the colour is set to pure black, when using RGB or HEX export options. I've had this logged with our developers to be investigated and repaired, but for the time being you can either use a colour slightly off black, such as 000001 which will be written on export, or you'll need to manually add the black fill before using your PDF generator. Quote Please note - I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time. Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible. Many thanks! Link to comment Share on other sites More sharing options...
JasonF Posted September 4, 2018 Author Share Posted September 4, 2018 Thanks so much for looking into this. I'll modify my current export process to alter the black, as you suggest, and then run a find/replace in the SVG code. Hopefully we'll see a fix for this in a future update of AD! Dan C 1 Quote Link to comment Share on other sites More sharing options...
Jack70 Posted October 11, 2018 Share Posted October 11, 2018 I have some issues too on SVG export. For example color #0039A6 gets changed to #0036AD. #D7A900 to #DEA800. I tried various export setting. However I see this as a bug. Preset 'SVG (for web)' should not change colors. RGB/8 document on Designer 1.6.1 - Mac High Sierra. Quote Link to comment Share on other sites More sharing options...
Staff Dan C Posted October 11, 2018 Staff Share Posted October 11, 2018 Hi Jack70 5 minutes ago, Jack70 said: For example color #0039A6 gets changed to #0036AD I've tried to replicate this in both the Mac and Windows build for Designer using the SVG (for web) preset. In both cases, the svg created retains 'style="fill:#0039a6' in both a text editor and opening the SVG back into Affinity. Where are you seeing this change please? What document settings are you using? Please open the Export panel, select SVG the select More. Do you have 'Use hex colours' ticked? Quote Please note - I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time. Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible. Many thanks! Link to comment Share on other sites More sharing options...
Jack70 Posted October 11, 2018 Share Posted October 11, 2018 30 minutes ago, Dan C said: I've tried to replicate this in both the Mac and Windows build for Designer using the SVG (for web) preset. Thanks for your reply. See attachment. Steps: export, SVG, preset SVG for web. Hex colours is ticked. test.afdesign Quote Link to comment Share on other sites More sharing options...
Staff Dan C Posted October 11, 2018 Staff Share Posted October 11, 2018 Thanks for that Jack, I can see that your colour profile is set to Display and this seems to be causing the issue. This is an Apple provided colour profile so I will investigate further. What colour profile do you use through your Mac OS settings please? Quote Please note - I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time. Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible. Many thanks! Link to comment Share on other sites More sharing options...
Jack70 Posted October 11, 2018 Share Posted October 11, 2018 6 hours ago, Dan C said: What colour profile do you use through your Mac OS settings please? I am sry, how can I check this. I did not consciously install or change this. I have no preferences in this. Quote Link to comment Share on other sites More sharing options...
lepr Posted October 11, 2018 Share Posted October 11, 2018 . Quote Link to comment Share on other sites More sharing options...
R C-R Posted October 11, 2018 Share Posted October 11, 2018 4 hours ago, Jack70 said: 11 hours ago, Dan C said: What colour profile do you use through your Mac OS settings please? I am sry, how can I check this. I did not consciously install or change this. I have no preferences in this. System Preferences > Displays > Color pane. For my iMac, it looks like this, using the built-in factory default: Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
Jack70 Posted October 12, 2018 Share Posted October 12, 2018 19 hours ago, Dan C said: What colour profile do you use through your Mac OS settings please? Thx Ok it's set for my monitors to DELL U2412M and for the retina screen of my Macbook Pro to Color LCD. However I of course do not want my display settings to play any role when exporting for WEB. I give in my document an object a web color and I want it to retain this code when exporting to SVG. Quote Link to comment Share on other sites More sharing options...
lepr Posted October 12, 2018 Share Posted October 12, 2018 . Quote Link to comment Share on other sites More sharing options...
R C-R Posted October 12, 2018 Share Posted October 12, 2018 1 hour ago, Jack70 said: However I of course do not want my display settings to play any role when exporting for WEB. I give in my document an object a web color and I want it to retain this code when exporting to SVG. Then as @Dan C & @>|< have mentioned, you should not be using the "Display" color profile for your document color profile (File > Document Setup > Color tab): For web use, the sRGB (standard Red Green Blue) color profile is the recommended one. Keep in mind that web browser color management is a bit more complicated than it might seem, so that should also be considered when building web pages, like the mentioned corruption of user monitor profiles, untagged elements, etc. Dan C 1 Quote All 3 1.10.8, & all 3 V2.4.1 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7 Affinity Photo 1.10.8; Affinity Designer 1.108; & all 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7 Link to comment Share on other sites More sharing options...
Jack70 Posted October 14, 2018 Share Posted October 14, 2018 Ok thx guys, I was not aware that my color profile was default on Display. I changed it once now for a new document and now it stays on sRGB. 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.