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

2020-05-211万
AI 快速预览详细 收起
本文介绍了如何使用Inkscape软件绘制micro:bit掌控I/O扩展板、AI视觉传感器(哈士奇)、喇叭模块和电机的设备连接图。首先在Github上下载设备矢量图,然后打开Inkscape软件导入SVG图并摆好位置。接着使用“绘制贝塞尔曲线和直线”工具进行连线,并通过“通过节点编辑路径”工具调整线路美观度。完成连线后,保存为SVG格式以便修改,并导出PNG格式以供其他地方使用。



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

今天我们动手画一个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



创作许可协议

本项目采用 None(不开放任何权利,保留所有权利) 进行许可。

评论(4)
三春牛-创客
三春牛-创客
感谢!!!
IvanDMido
IvanDMido
非常实用,对新手很友好!
汤半泛
汤半泛
给您送花
gada888
gada888
写的很棒
- 没有更多了 -