5189浏览
查看: 5189|回复: 4

[入门教程] 使用Inkscape软件画设备矢量连接图!!!

[复制链接]
本帖最后由 DFrkrXVBmfE 于 2020-5-21 18:10 编辑


准备好了吗?开始画图啦!!!

今天我们动手画一个micro:bit掌控I/O扩展板两用扩展板+AI视觉传感器(哈士奇)+喇叭模块+电机的设备连接图,选用的软件是Inkscape,它是一款非常好用的矢量图画图软件。该软件的开发目标是成为一套强力的绘图软件,且能完全遵循与支持XMLSVGCSS等开放性的标准格式。Inkscape还是一套跨平台性的应用程序,支持WindowsMac OS XLinuxUNIX版等操作系统。

Inkscape软件下载链接:https://inkscape.org/  

使用Inkscape软件画设备矢量连接图!!!图1

首先,我们先找到设备的矢量图,怎么操作呢?

下载设备矢量图;
在Github上下载矢量图,下载连接:https://github.com/DFRobot/DFRobot-SVGs


使用Inkscape软件画设备矢量连接图!!!图2  

查找设备的SKU(货号);

使用Inkscape软件画设备矢量连接图!!!图3   使用Inkscape软件画设备矢量连接图!!!图4

打开Inkscape软件,导入所有要用到的svg图,在界面中摆好适当的位置;

使用Inkscape软件画设备矢量连接图!!!图5

接下来按实际场景要求对设备进行连线;

选择“绘制贝塞尔曲线和直线”工具

使用Inkscape软件画设备矢量连接图!!!图6

使用“绘制贝塞尔曲线和直线”工具画线;

使用Inkscape软件画设备矢量连接图!!!图7  


在“填充和笔刷”工具中选择“笔刷绘制”为新画的线选择颜色;

使用Inkscape软件画设备矢量连接图!!!图8

如下图所示,画线过程中如果出现线路不美观的情况,可以选择“通过节点编辑路径”工具进行调整;

使用Inkscape软件画设备矢量连接图!!!图9

重复上面的操作,完成其余设备的所有连线;

使用Inkscape软件画设备矢量连接图!!!图10

画好之后我们首先选择“保存”或者“另存为”将原图重新命名,并保存为.svg格式,方便以后对原图进行修改;

   使用Inkscape软件画设备矢量连接图!!!图12

    使用Inkscape软件画设备矢量连接图!!!图11

最后导出.PNG格式,以便在其他地方使用;

选择“文件”选择“导出PNG图像”;

使用Inkscape软件画设备矢量连接图!!!图13

确定好“图片尺寸”,选择文件导出路径,就可以导出.PNG格式的文件啦!
使用Inkscape软件画设备矢量连接图!!!图14

使用Inkscape软件画设备矢量连接图!!!图15



gada888  版主

发表于 2020-5-29 22:01:15

写的很棒
回复

使用道具 举报

岑剑伟  初级技师

发表于 2020-12-29 15:13:19

给您送花
回复

使用道具 举报

IvanDMido  初级技师

发表于 2021-6-3 17:53:11

本帖最后由 IvanDMido 于 2021-6-3 17:59 编辑

非常实用,对新手很友好!
回复

使用道具 举报

赤星三春牛!  初级技神

发表于 2022-1-24 12:20:07

感谢!!!
回复

使用道具 举报

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

本版积分规则

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

硬件清单

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

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

mail