良许Linux教程网 干货合集 嵌入式开发必备的绘图工具

嵌入式开发必备的绘图工具

一些优秀、清晰的技术文档、技术博客和工作汇报常常需要辅助说明图片,如流程图、框图和思维导图等。那么大家在撰写论文、文档、博客和工作汇报时都使用哪些工具进行绘图呢?

我个人在写博客和公众号文章时,经常使用PPT软件来制作框图。它简单快速,如果不习惯使用其他绘图工具,PPT软件实际上也是一个不错的选择。

然而,前两周我在Ubuntu环境下做项目工作汇报文档时,发现在Ubuntu下绘图就不那么方便了。所以我只能寻找一些在线绘图网站来进行绘图。

接下来,我将一一介绍几款常用且优秀的绘图工具,同时推荐我目前正在使用并极力推荐的绘图工具。

几种优秀的绘图工具介绍

1、Draw.io

image-20231103205524867
image-20231103205524867

Draw.io 是 GitHub 上一个开源的流程图绘制工具,功能很丰富。支持流程图,UML图,架构图,原型图等图标。支持Github,Google Drive, One drive等网盘同步,并且永久免费。

在线网页版地址:

https://www.draw.io

但是,在线网页版访问会比较慢,如果觉得网页版不方便,也可以选择离线版的,Draw.io 也提供了多平台的离线桌面版可供下载。

离线版想要用起来,还需要一些配置。Draw.io是我正在用的,也是本文推荐的,所以下文也会介绍怎么配置部署离线版Draw.io。

2、ProcessOn

image-20231103205528686
image-20231103205528686

ProcessOn是一个在线作图工具的聚合平台,它可以在线画流程图、思维导图、UI原型图、UML图、网络拓扑图、组织结构图等等,一个浏览器就可以随时随地的发挥创意,规划工作。

ProcessOn有一定的限制,免费版只能在线保存 10 个文件:

image-20231103205531512
image-20231103205531512

但是,也基本可以能满足我们平时的使用了。我上次做工作汇报的时候,需要做几个框图就是用这个做的,做完导出图片即可,很方便。

3、ProcessFlow

image-20231103205535161
image-20231103205535161

ProcessFlow是仿照processOn基于drawio二次开发的,能够保存流程图到云服务器,百度网盘,gitee码云等云端。在线预览,管理,很方便。

这个工具是我偶然间发现的,我没具体用来绘图过,大家感兴趣的话可以自己去体验一下。

4、Visio

Visio大家应该都知道吧。Visio是一款非常好用的图表绘制软件,它可以帮助我们轻松绘制各种流程图,包括常用的网络图、组织结构图、工程设计以及其他使用现代形状和模板的内容,大大提高了用户的工作效率。

做Word文档的话用Visio来作图是一个很好的选择,可以直接插入Visio对象,这样看起来会清晰很多。

Draw.io 离线版部署

首先需要下载离线版Draw.iodraw.war包,下载地址:

https://github.com/jgraph/drawio/releases

温馨提示:如果下载速度过慢也可以在本公众号获取(后台回复关键词:Draw.io)。

War 包需要部署用到 Tomcat ,这里我使用Tomcat8,下载地址:

http://www.apache.org/dist/tomcat/tomcat-8/

温馨提示:如果下载速度过慢也可以在本公众号获取(后台回复关键词:Draw.io)。

我们把下载的到的draw.war包放到Tomcat的webapps路径下:

image-20231103205539492
image-20231103205539492

然后双击apache-tomcat-8.5.64-windows-x64\bin目录下的 startup.bat启动tomcat。这时候可能会有两种情况:

  • 黑窗口一闪而过。
  • 启动成功。

启动成功的界面如:

image-20231103205543746
image-20231103205543746

如果是一闪而过,那可能就是你的电脑还没安装jdk、没配置相关环境变量。

安装JDK,得到:

image-20231103205547581
image-20231103205547581

然后,添加jdk、tomcat环境变量:

image-20231103205550890
image-20231103205550890
image-20231103205555315
image-20231103205555315
image-20231103205559113
image-20231103205559113
image-20231103205602877
image-20231103205602877

配置好这些之后就可以成功启动tomcat了。

打开浏览器访问如下地址:

http://127.0.0.1:8080/draw

如果显示如下界面:

image-20231103205607136
image-20231103205607136

则说明我们的离线版Draw.io基本已经部署好了。但是,这还不是真正的离线版,其还会访问一些外部地址。

需要在tomcat\webapps\draw路径下的index.html文件的urlParams 函数添加如下代码:

result['offline'] = '1'  // 默认离线版
image-20231103205615471
image-20231103205615471
image-20231103205618769
image-20231103205618769

至此,我们就部署好了离线版的Draw.io。

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

137e00002230ad9f26e78-265x300
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部