Slice Posted June 18, 2018 Share Posted June 18, 2018 Since rev 4844 Vector Themes are supported and there are ready-to-use Clovy by Clovy, cesium by Slice and BGM_SVG by Blackosx. You may see it's structure to create own theme ------------------------------------------------------------------------------------------------------------------------------------------------------- Now I want to add vector graphics support in Clover. See rev 4560 and later. It is not working yet but designers may begin to create Vector Themes. It supposed to consist of SVG elements and has design size. It will be rendered to any screen size scaled from design size. What application in macOS can create SVG graphics? Inkscape 1.0 is not working in macOS 10.11+. Pity. LibreOffice Draw works with SVG but buggy. Boxy SVG cost 10$ but looks good enough. It creates the best in simplicity files and have more then enough features. Illustrator is good but expensive. How to improve SVG file? Clover has restricted support for SVG. It is your job to make compatible file and as small as possible to speedup rendering. Some helps: Help:Inkscape – From invalid to valid SVG Inkscape files From invalid to valid SVG Adobe Illustrator files From invalid to valid SVG files of other editors: BKchem, ChemDraw and CorelDRAW Help:Illustrator – Assistance with creating and saving SVG images in Adobe Illustrator that will pass W3C validation User:Quibik/Cleaning up SVG files manually Later I will write own instructions specific to Clover abilities. How to create SVG fonts? You can google to find ready-to-use SVG fonts. I found some problems with too beaty fonts: slow rendering and overflow crash. Be careful. You can get ttf or otf fonts and convert them into svg by using online WEB services. Not a problem to google. But then I want to find a way to simplify the font to reduce a size and speedup rendering. You can create own font by FontForge It is opensource and available for Windows, Mac and GNU+Linux. It creates otf font which you can convert to svg font. Pictures from Badruzeus https://www.insanelymac.com/applications/core/interface/file/attachment.php?id=301597 8 Link to comment Share on other sites More sharing options...
Badruzeus Posted June 18, 2018 Share Posted June 18, 2018 (edited) 30 minutes ago, Slice said: May be implement Cairo graphic? https://en.wikipedia.org/wiki/Cairo_(graphics) Does Vesa mode use Graphics Acceleration? Edited June 18, 2018 by Badruzeus Link to comment Share on other sites More sharing options...
Slice Posted June 18, 2018 Author Share Posted June 18, 2018 3 hours ago, Badruzeus said: Does Vesa mode use Graphics Acceleration? It is not question for hardware. It is a question for drivers. We want to have procedures to render vector graphics. SVG will be better. Minimum sources preferable. 4 Link to comment Share on other sites More sharing options...
Badruzeus Posted June 20, 2018 Share Posted June 20, 2018 @Slice My question with SVG introduction on r4560 commit is; what will happen to v2.0 themes (bitmap), will we still use them? Thanks. 1 Link to comment Share on other sites More sharing options...
Slice Posted June 21, 2018 Author Share Posted June 21, 2018 3 hours ago, Badruzeus said: @Slice My question with SVG introduction on r4560 commit is; what will happen to v2.0 themes (bitmap), will we still use them? Thanks. For backward compatibility they will be supported. Some graphics can't be converted to SVG. So new vector themes will be other themes. 2 1 Link to comment Share on other sites More sharing options...
Badruzeus Posted June 21, 2018 Share Posted June 21, 2018 6 minutes ago, Slice said: For backward compatibility they will be supported. Some graphics can't be converted to SVG. So new vector themes will be other themes. OK, thanks. So I think we're going to have a new thread for discussing Clover v3 theme.. 2 Link to comment Share on other sites More sharing options...
Allan Posted June 24, 2018 Share Posted June 24, 2018 If you want @Slice, now you can pin this topic. You have the permissions Link to comment Share on other sites More sharing options...
Slice Posted June 25, 2018 Author Share Posted June 25, 2018 After the first positive result. 2 Link to comment Share on other sites More sharing options...
Badruzeus Posted June 25, 2018 Share Posted June 25, 2018 2 minutes ago, Slice said: After the first positive result. Will SVG with embedded PNG (bitmap) supported? Thanks. Link to comment Share on other sites More sharing options...
Slice Posted June 25, 2018 Author Share Posted June 25, 2018 10 minutes ago, Badruzeus said: Will SVG with embedded PNG (bitmap) supported? Thanks. In the nearest future. 1 Link to comment Share on other sites More sharing options...
Slice Posted June 25, 2018 Author Share Posted June 25, 2018 There is the first success https://www.applelife.ru/threads/clover.42089/page-819#post-744212 Sorry, I still can't upload pictures here. 3 1 Link to comment Share on other sites More sharing options...
Badruzeus Posted June 26, 2018 Share Posted June 26, 2018 9 hours ago, Slice said: There is the first success https://www.applelife.ru/threads/clover.42089/page-819#post-744212 Sorry, I still can't upload pictures here. Though I think speak too early, but can you give us Vector theme's rsc name? Are they still same as prev. bitmap has: os_mac, os_linux, os_win.. etc? Thanks. Link to comment Share on other sites More sharing options...
Slice Posted June 26, 2018 Author Share Posted June 26, 2018 os_mac.svg, os_linux.svg and so on 2 Link to comment Share on other sites More sharing options...
Slice Posted June 29, 2018 Author Share Posted June 29, 2018 With revision 4586 you can test how Clover can render different SVG files. Current restrictions: 1. No text. You have to convert text to curves. 2. No embedded png. I can make this when I have a time. There is initial support that requires to define a procedure to treat the data. We have it! b64cdecode and png_decode. Just make a link to use. But PNG is not scalable so I will not recommend to use this feature even if it will work. 3. No gradients. It should be but currently is not working. Will be repaired asap. 4. Crash at too long path. Is there anybody can propose how to reduce too complex SVG? If a svg file contains PATH with 500 points which is not practical for our purpose then I want to reduce it to 100 points with a little losing quality. How to do this? The bad file attached. How to test SVG rendering It is better to use QEMU to not reboot your computer. If you have QEMU. Place Sample.svg into root or EFI partition with Clover. The name exactly this. Rename a file when needed. Boot into Clover GUI. Press F8, look, press ESC. Enter Shell: $ fs0: $ ls $ mv Sample.svg A1.svg $ mv A2.svg Sample.svg $ exit Press F8 and look A2 image.... clover.svg.zip 6 1 Link to comment Share on other sites More sharing options...
blackosx Posted June 29, 2018 Share Posted June 29, 2018 (edited) Good work Slice! I'll try to test this weekend. Edited June 29, 2018 by blackosx Link to comment Share on other sites More sharing options...
Badruzeus Posted June 29, 2018 Share Posted June 29, 2018 1 minute ago, blackosx said: Good work Slice! I'll try to test this weekend. I think this clover.svg.zip produces too complex paths bcoz was vectorized from bitmap with gradients. Where we could get original vector of this Clover logo? Thanks. 1 Link to comment Share on other sites More sharing options...
Slice Posted June 29, 2018 Author Share Posted June 29, 2018 1 hour ago, Badruzeus said: I think this clover.svg.zip produces too complex paths bcoz was vectorized from bitmap with gradients. Where we could get original vector of this Clover logo? Thanks. I took it from google "clover svg image". 1 Link to comment Share on other sites More sharing options...
Matgen84 Posted June 29, 2018 Share Posted June 29, 2018 1 hour ago, Badruzeus said: I think this clover.svg.zip produces too complex paths bcoz was vectorized from bitmap with gradients. Where we could get original vector of this Clover logo? Thanks. What software do you recommend to do SVG Themes and text? Please Link to comment Share on other sites More sharing options...
Badruzeus Posted June 29, 2018 Share Posted June 29, 2018 46 minutes ago, Matgen84 said: What software do you recommend to do SVG Themes and text? Please Inkscape is enough, or illustrator, coreldraw under windows. Use the easiest for you.. 1 Link to comment Share on other sites More sharing options...
Matgen84 Posted June 29, 2018 Share Posted June 29, 2018 1 hour ago, Badruzeus said: Inkscape is enough, or illustrator, coreldraw under windows. Use the easiest for you.. Thanks a lot Link to comment Share on other sites More sharing options...
arsradu Posted June 29, 2018 Share Posted June 29, 2018 @Slice This is crazy!! :)) Great job, man! Link to comment Share on other sites More sharing options...
Badruzeus Posted June 29, 2018 Share Posted June 29, 2018 (edited) @Slice Cool..!!! But on my case, I lost svg image colors.. it becomes Black/White here. Using Sample.svg with no gradient for sure.. (Legacy Clover, current EFI, no-QEMU.. not sure bzoz of Legacy though). Sample.svg Edited June 29, 2018 by Badruzeus 2 2 Link to comment Share on other sites More sharing options...
apianti Posted July 1, 2018 Share Posted July 1, 2018 This is cool but I planned on having SVG only themes in v3 since an SVG document can basically create the entire theme itself, can use percentages and aspect ratio of the screen as measurements instead of pixels to ensure the theme looks the same no matter the resolution. It can contain other SVGs, paths, texts, animations, color gradients, mouse move/click events, action events, etc. Plus it allows javascript... Link to comment Share on other sites More sharing options...
Slice Posted July 1, 2018 Author Share Posted July 1, 2018 On 6/29/2018 at 5:09 PM, Matgen84 said: What software do you recommend to do SVG Themes and text? Please On 6/29/2018 at 5:58 PM, Badruzeus said: Inkscape is enough, or illustrator, coreldraw under windows. Use the easiest for you.. Inkscape is not working in macOS 10.11+. Pity. LibreOffice Draw works with SVG but buggy. Boxy SVG cost 10$ but looks good enough. Illustrator is good but expensive. 2 hours ago, apianti said: This is cool but I planned on having SVG only themes in v3 since an SVG document can basically create the entire theme itself, can use percentages and aspect ratio of the screen as measurements instead of pixels to ensure the theme looks the same no matter the resolution. It can contain other SVGs, paths, texts, animations, color gradients, mouse move/click events, action events, etc. Plus it allows javascript... It is in future. I want to go step by step. 1 1 Link to comment Share on other sites More sharing options...
apianti Posted July 1, 2018 Share Posted July 1, 2018 There is this resource as well: https://en.wikipedia.org/wiki/Comparison_of_vector_graphics_editors 1 Link to comment Share on other sites More sharing options...
Recommended Posts