查看: 362|回复: 1

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

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


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

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

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

202005218019..png

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

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


202005212186..png   

查找设备的SKU(货号);

202005212079..png     202005216771..png

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

202005216547..png

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

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

202005217592..png

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

202005215916..png   


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

202005217386..png

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

202005217960..png

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

202005218122..png

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

    202005213309..png

    202005212865..png

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

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

202005215564..png

确定好“图片尺寸”,选择文件导出路径,就可以导出.PNG格式的文件啦!
202005219828..png

202005214846..png



gada888  版主

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

写的很棒
回复

使用道具 举报

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

本版积分规则

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

硬件清单

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

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

mail