7664浏览
查看: 7664|回复: 3

如何用Inkscape画出属于自己的独有的电路连接矢量图?

[复制链接]
本帖最后由 大鹏哥 于 2020-6-7 17:27 编辑

首先了解一下Inkscape这款软件,Inkscape是一款开源矢量图形编辑软件,完全遵循与支持XML、SVG及CSS等开放性的标准格式,兼容Windows、MAC OS X、Linux及类UNIX版等操作系统,深受大家的喜爱。小伙伴可能会问:可以在哪里下载呢?看这里,这是官网下载地址:https://inkscape.org/   

今天要画的内容是将OBLOQ物联网模块、按钮、彩色灯带接在UNO主控板上面。确定好需要绘画的内容之后,就需要先找出各个模块的SVG图,
一种方法是通过下载DFRobot官方SVG库 https://github.com/DFRobot/DFRobot-SVGs 来找到自己想要的SVG图,链接打开如下图所示:
如何用Inkscape画出属于自己的独有的电路连接矢量图?图1

另外一种万能的方法就是加入Mind+官方交流群寻求官方技术支持的协助,官方技术支持小伙伴很耐心的哦。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图23

好了,下面就开始展示如何用Inkscape软件画出自己想要的电路连接矢量图:

step1:打开Inkscape软件,并导入需要的SVG图,注意需要是SVG格式的哦。
如何用Inkscape画出属于自己的独有的电路连接矢量图?图2

导入好的SVG图页面如下:
如何用Inkscape画出属于自己的独有的电路连接矢量图?图3

step2:在模块上面标注正负极、信号线等参数(通常是查官网资料),方便接线,如下图所示:
如何用Inkscape画出属于自己的独有的电路连接矢量图?图4

依次标上之后点击“对象”中的“群组”功能,再拖动灯带会整个一起移动。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图5

完成的效果如下图:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图22

step3:选择“绘制贝塞尔曲线和直线”开始连线,并选择上面的“创建一个沿坐标轴线段构成的的折线”画线时按着ctrl键可以画垂直水平线。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图6

如何用Inkscape画出属于自己的独有的电路连接矢量图?图14
鼠标左键点击起始端画线,按着ctrl键画垂直水平线到板子接口末端。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图26

画好之后点击右键“填充和笔刷”,选择需要的样式和颜色,笔刷样式里可以选择线条的样式和宽度,笔刷绘制里面可以选择线条的颜色。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图21

如何用Inkscape画出属于自己的独有的电路连接矢量图?图7

这里可以用色盘里面提取颜色:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图8

按照刚才绘制直线的方法绘制下来,灯带的接线图如图所示:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图20

最后的整体绘制效果图如下:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图15

step4:给主控的端口接线处加上圆的标记,看起来更加清晰。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图9


画圆的时候可以按着ctrl键画正圆,同样画矩形也是一样的方法,然后在笔刷样式里面选择“宽度为0”,“不透明度”改为100%。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图10

效果如下图所示:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图17

按照刚才的操作方法将所有主控上的连接端口绘制圆,完成效果如下图所示:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图16
step5:保存和导出,保存为SVG格式可以继续修改,导出为PNG格式可以直接拿来用不能修改。
保存为SVG格式的命令如下图:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图11

导出PNG图的命令格式如下图:首先先修改文档属性,为了可以导出合适的间距图。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图12

缩放之后是这个效果:

如何用Inkscape画出属于自己的独有的电路连接矢量图?图18
再点击“导出PNG图像”命令,修改图片尺寸,选择导出的位置,然后点击“导出”就可以看到导出的效果图。

如何用Inkscape画出属于自己的独有的电路连接矢量图?图13

如何用Inkscape画出属于自己的独有的电路连接矢量图?图24

如何用Inkscape画出属于自己的独有的电路连接矢量图?图25

如何用Inkscape画出属于自己的独有的电路连接矢量图?图19

到这里完成了绘制电路连接矢量图的制作和导出,期待大家都可以画出属于自己的电路连接矢量图




汤果  初级技神

发表于 2020-6-7 19:32:05

不错的帖子!尤其是后面输出图片部分讲解很详细,对新手很友好!
回复

使用道具 举报

云天  初级技神

发表于 2020-6-9 21:59:06

学习了,以后就靠它了
回复

使用道具 举报

储蓄罐  学徒

发表于 2023-1-31 15:26:28

用这个库会更快一点,这是国内的库,下载要注册账号
https://gitee.com/dfrobot/DFRobot-SVG?_from=gitee_search
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

为本项目制作心愿单
购买心愿单
心愿单 编辑
[[wsData.name]]

硬件清单

  • [[d.name]]
btnicon
我也要做!
点击进入购买页面
上海智位机器人股份有限公司 沪ICP备09038501号-4

© 2013-2024 Comsenz Inc. Powered by Discuz! X3.4 Licensed

mail