如何画一个DFRobot资料库风格的电路图？
##### 看了论坛中 [[入门]如何画矢量图，使得文档中的图片更清晰](https://mc.dfrobot.com.cn/thread-304969-1-1.html)这篇帖子，大致学习了一下如何使用inkscape画矢量图，发现这款软件真的很好用，现在来动手自己画一个。首先介绍一下我要画的内容，将舵机和超声波传感器连接到掌控板扩展板上，并且配上一个电池盒。
知道了要画的内容，先找对应元器件的SVG图，我发现上面帖子中找SVG图的链接中SVG图并不全，于是加了Mind+官方交流群联系了技术支持，找齐了我需要的SVG图。
PS：找技术人员要了一个SVG图库：DFRobot-SVG 里面有常见的DF模块SVG图，可以先从这里找，找不到再到Mind+官方交流群询问技术。
#### 接下来我们打开inkscape，将我们的元器件SVG图先导入进去。
选择导入，将我们准备好的四张元器件的SVG图导入到画框中。
有了元器件，下面我们开始连线。如果不知道元器件的接线如何接，可以从
[官方wiki](https://wiki.dfrobot.com.cn)中查找对应的元器件，查看线路连接，也可以从(https://www.dfrobot.com.cn/index.php)上找到对应的产品，在产品详情中有对应wiki资料库，点击也可以查看。
#### 下面开始进行线路连接。
我们先将舵机与扩展板连接起来，看一下舵机的实物图
发现舵机的引线是从舵机右下角引出。
回到inkscape画布，将图片中我们要画的位置放大。（tip:按住Ctrl使用鼠标滚轮可以对图片进行放大和缩小。）
开始画线：
#### 首先，我们选择工具栏中的“绘制贝塞尔曲线和直线”选项。
#### 然后选择一下模式
#### 在舵机矢量图的右下角大概位置确定连线点，鼠标左键点击一次，可绘制出一根直线
#### 然后拖动鼠标确定直线方向，再次点击鼠标确定直线拐点（或终点）
#### 因为我们前面设置了直线折线模式，此时再次移动鼠标，直线的方向只能和上一段线段呈90°直角。
#### 将线路连接完整，引到扩展板引脚处，鼠标右键完成整根线路的连接。
我们发现这根线连出来是黑色线，虽然这跟线是GND线，但是我们回到上面的实物图，该舵机的引线为橙、红、棕，分别对应着信号线、VCC和GND，所以我们要将这跟黑线改为棕色。
#### 更改线的颜色，选择刚绘制的这根线，右键选择“填充和笔刷”
#### 我们在右边跳出的笔刷窗口通过更改RGB值或者色盘的方式来更改线的颜色，（也可以用取色笔取色）。
这样我们就把线的颜色改为了棕色。
根据上述步骤，我们补上舵机的VCC（红色）以及信号线(橙色线)。
注意连接扩展板时，注意引脚和接线对应。
扩展板上的引脚很多，当我们需要连接很多元器件的时候，需要区分一下每一组引脚对应连接的是哪一个元器件，所以我们最好是还要在引脚处做一个标记。
### 这里教大家一个标记的方法。
##### 首先我们用矩形工具。
##### 画一个和引脚组大小差不多的小矩形，修改颜色，并且调整一下矩形透明度。
##### 然后我们将这个矩形条通过鼠标拖动，移动到引脚处，并且调整大小。
到这里，我们的舵机和扩展板就已经连接完成了。
接下来，按照上述步骤，将超声波传感器以及电池盒连接到扩展板上。
#### 其中，我们拿到的电池盒的SVG图，是含有接线以及电线接插头的，但是此时无法拖动接插头，我们需要将改图进行解除群组操作。
所有连线完成，为了美观，我们再调整一下接线的间距。最后别忘了将所有元器件框选，然后再进行群组命令，将所有的元器件组合到一起。
### 完成图：
最后别忘了保存~~
这么帅啊{:7_216:} 原来画线是这么画的。我之前全都是用直线画的，累死了。。。 汤果 发表于 2020-5-19 18:03
原来画线是这么画的。我之前全都是用直线画的，累死了。。。
这个软件指令很多，更新之后还有变化，最好还是开着网格，用这样的方式画直线，应该会更好一些 很好的教程，支持 刷漆
砌墙 能不能不技术就可以找到元件svg呢？
温暖的蓝色 发表于 2020-12-28 08:01
能不能不技术就可以找到元件svg呢？
https://gitee.com/dfrobot/DFRobot-SVG可以先到这个图库里面找找 谢谢，我找找
页:
[1]