Nick-ccq 发表于 2020-5-22 11:11:03

如何让电路图的线条更清晰明了？

看了论坛中 [如何在文档中画高清像素的电路图？矢量图？](https://mc.dfrobot.com.cn/thread-304969-1-1.html)、[如何画一个DFRobot资料库风格的电路图？](https://mc.dfrobot.com.cn/thread-304969-1-1.html)这两篇帖子，大致学习了一下如何使用**(https://inkscape.org/)**画矢量图，发现这款软件真的很好用，现在来动手自己画一个。
先感受一下清晰的电路图效果是什么？






今天给各位老师和同学要讲的是，按钮、温湿度传感器、LCD显示屏、UNO+扩展板。

知道了要画的内容，先找对应元器件的SVG图。
- 官方SVG图库资料

https://github.com/DFRobot/DFRobot-SVGs

- 如果链接中SVG图不全，在Mind+官方交流群中联系技术支持，找到你所需要的SVG图。

![](https://img.dfrobot.com.cn/wiki/none/a61690f962128ff277d4c7e128ea5e73)






下面直接展示才艺，废话不多说！！！

## 第一步打开软件，导入所需的SVG图。


![](https://img.dfrobot.com.cn/wiki/none/d0708b40ac84bcb1330a62174a0a03cf)

- **上图中页面不能删除，否则无法导出位图**。

![](data/attachment/album/202005/22/110753b4bncgxzwg6dx5d8.gif)

![](https://img.dfrobot.com.cn/wiki/none/b90442c571f52e895b9048f0bc6840c6)

## 第二步画线

![](https://img.dfrobot.com.cn/wiki/none/941564bb7dc48bc6f848929a5f95326d)

- 选择画线模式

![](https://img.dfrobot.com.cn/wiki/none/203b295b47634b256a1a348cba768db1)

- 要对线进行颜色修改，先点击**所画的线条**，然后在**对象**里面找到**填充和笔刷**

![](https://img.dfrobot.com.cn/wiki/none/57a128e5f567bd62cd5ce50a517a4ab7)

![](https://img.dfrobot.com.cn/wiki/none/3f79e9872d88902a72d95abdc5db1c2a)

## 第三步让线更清晰看到所在位置

![](https://img.dfrobot.com.cn/wiki/none/f87dbc82a9910319e7b45ca4b8edb3a8)

![](https://img.dfrobot.com.cn/wiki/none/3d26ef1b5ed6dbdc2917af83bcf93093)

![](https://img.dfrobot.com.cn/wiki/none/160a53917a418f890e75593e208c135e)

- 如果线在矩形的下面，就要将线移动到矩形上面，要先选中线才会出现移动图层，如下图

![](https://img.dfrobot.com.cn/wiki/none/4a9e8c3656324b1fb2537f87f0f9c4c8)

- 在矩形上加个圆形，让线更清楚显示，一定要把**笔刷样式**中的**宽度**修改为**0**

![](https://img.dfrobot.com.cn/wiki/none/acdcde7584c2fe5bc59bb67db15f73df)

![](https://img.dfrobot.com.cn/wiki/none/e660a9b28b0110267936fb17dab154d0)

## 第四步完成

![](https://img.dfrobot.com.cn/wiki/none/0bbc0a2e331584a8693b2df66bbc2240)

## 第五步导出PNG图

- 导出之前先要对页面进行缩放

![](https://img.dfrobot.com.cn/wiki/none/06c4158f011d832dd14f5f3167a17d48)

![](https://img.dfrobot.com.cn/wiki/none/f7de3f22bd6562b4dfb3940d34260fe1)

- 先导出为图片位置，最后点击导出，就能在图片所在位置看到电路图。

![](https://img.dfrobot.com.cn/wiki/none/54fc9c55069d84778fdc04517ffb070a)

![](https://img.dfrobot.com.cn/wiki/none/34c2d7bf3c5ada07b011b2b881521467)






pATAq 发表于 2020-5-22 11:36:11

很好的分享，svg图在哪里找的

Nick-ccq 发表于 2020-5-22 11:47:09

pATAq 发表于 2020-5-22 11:36
很好的分享，svg图在哪里找的

上面已经修改，添加了官方SVG图库资料

rzegkly 发表于 2020-5-22 12:56:27

这个exe文件可以？

Nick-ccq 发表于 2020-5-22 13:22:26

rzegkly 发表于 2020-5-22 12:56
这个exe文件可以？

第一张点进去之后，会进去系统选择下载的

rzegkly 发表于 2020-5-22 13:31:32

好的，今天试试

DFrJ5KYVQaH 发表于 2020-5-22 13:56:52

很好的文章，学习中

rzyzzxw 发表于 2020-5-23 10:22:05

Nick-ccq 发表于 2020-5-22 11:47
上面已经修改，添加了官方SVG图库资料

SVG图不如分享到国内服务器，下载快，中文方便。

Nick-ccq 发表于 2020-5-25 10:26:32

rzyzzxw 发表于 2020-5-23 10:22
SVG图不如分享到国内服务器，下载快，中文方便。

这个提议非常好，我反馈一下
页: [1]
查看完整版本: 如何让电路图的线条更清晰明了？