Forum - EasyEDA - An Easier Electronic Circuit Design Experience

Latest Topics Latest Replies EasyEDA Std EasyEDA Pro JLCPCB LCSC OSHWLAB General Discuss

Schematic PCB Simulation Skill Extension Feature Requests Bug Reports

SVG Image import does not work well

756 12

goyousalukis 4 years ago

I just wanted to post an issue I have. If I create a simple SVG box shape and insert it onto a PCB in the silkscreen layer, it behaves correctly. If I create a simple SVG Circle and insert it onto a PCB in the silkscreen layer, it imports it warped. Playing with the import controls do not seem to affect it. The more complex the SVG, the worse the import. Thanks! ![Screenshot from 2021-03-09 09-01-25.png](//image.easyeda.com/pullimage/d9x99ogiQEXUVcFcaFgdipszD8lL4YRg1tWMKczx.png)![Screenshot from 2021-03-09 09-02-52.png](//image.easyeda.com/pullimage/wcCLJ0ItNeONUdhGlJk2yPdeXwLOu5hZ4Fr9X629.png)

Electron 4.2.12 Linux EasyEDA 6.4.17

Comments

andyfierman 4 years ago

Please post a link to your svg files.

Chrome 88.0.4324.190 Windows 10 EasyEDA 6.4.17

andreasbernhofer 4 years ago

Not sure why, but the stock SVG import is a mess - all shapes do get deformed, it simply cannot do a 1:1 import. Because I had the same problem, I've written an alternative SVG import: [https://github.com/xsrf/easyeda-svg-import](https://github.com/xsrf/easyeda-svg-import) It has some limitations though. It only works with SVG path objects. But you can usually convert all SVG shapes to paths with free tools like InkScape.

Chrome 88.0.4324.190 Windows 10 EasyEDA 6.4.17

goyousalukis 4 years ago

Thanks Andreas! I will check it out.

Electron 4.2.12 Linux EasyEDA 6.4.17

goyousalukis 4 years ago

Andy, here is the text for a circle SVG that gets deformed. It was generated by inkscape. The circle is the only item in the file. \ \image/svg+xml \ \ \ \

Electron 4.2.12 Linux EasyEDA 6.4.17

goyousalukis 4 years ago

Hmm, I guess the forum code is messing with the SVG. `` `` ` ` ` ` ` ` ` ` ` ` ` image/svg+xml` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ` ``

Electron 4.2.12 Linux EasyEDA 6.4.17

andyfierman 4 years ago

@goyousalukis, You might get a faster response from support if you change the Category of this topic to Bug Report. **_;-)_**

Chrome 88.0.4324.190 Windows 10 EasyEDA 6.4.17

andreasbernhofer 4 years ago

There already is a Bug Report addressing this ;) [https://easyeda.com/forum/topic/SVG-Import-performs-really-bad-1eccada397514ed48b2567028f517ab6](https://easyeda.com/forum/topic/SVG-Import-performs-really-bad-1eccada397514ed48b2567028f517ab6) @goyousalukis to post code, switch to markdown and use the three backticks syntax

Chrome 88.0.4324.190 Windows 10 EasyEDA 6.4.17

goyousalukis 4 years ago

Thanks Andreas, I did use the quotes on the second post and the SVG markup posted correctly. I have had some success with your extension, but I am finding that some files are not importing even after converting to paths. I'll try to find an example. Thanks for sharing your extension!

Electron 4.2.12 Linux EasyEDA 6.4.17

andreasbernhofer 4 years ago

Hope it may help you ;) Feel free to open an issue on github if you find an example that doesn't work.

Chrome 88.0.4324.190 Windows 10 EasyEDA 6.4.17

goyousalukis 4 years ago

Thanks - I added an issue on github with a couple of screenshots.

Electron 4.2.12 Linux EasyEDA 6.4.17

goyousalukis 4 years ago

Andreas, One tip that might serve users of your plugin. One tactic is to create your complex SVG in Inkscape. Then export it as a PNG and open it in a new inkscape session. Then do a bitmap trace of the PNG. This creates vectors on the inside and outside of a circle for example, so it will import perfectly with your plugin. I think this workflow might be better than converting everything from an object to a path to a stroke. Just an idea!

Electron 4.2.12 Linux EasyEDA 6.4.17

andreasbernhofer 4 years ago

@goyousalukis Thx for that. I'm little worried that exporting as bitmap and tracing it again may wash out some details (not as bad as the stock EasyEDA import does, but a little). I'm sure there are options in Inkscape to do kind of the same complexity reduction (basically merge all overlapping paths to one). There are options for union and simplify. But as said, I'm not really an expert in Inkscape. I will add the examples from your last issue to the readme and I may also add this "hack" for those who are really desperate ;)

Chrome 89.0.4389.82 Windows 10 EasyEDA 6.4.17

你现在访问的是EasyEDA海外版，建议访问速度更快的国内版 https://lceda.cn(需要重新注册)
如果需要转移工程请在个人中心 - 工程 - 工程高级设置 - 下载工程，下载后在https://lceda.cn/editor 打开保存即可。
联系我们：https://docs.lceda.cn/cn/FAQ/Contact-Us/index.html不再提醒

Cookie Notice

Our website uses essential cookies to help us ensure that it is working as expected, and uses optional analytics cookies to offer you a better browsing experience. To find out more, read our Cookie Notice

Unleash creativity, start design now.

Cookie Notice