给大家介绍下,这是我的流程图软件 —— draw.io

前言


之前推了一篇文章《十张图带大家看懂 ES 原理 !明白为什么说:ES 是准实时的!》,很多小伙伴都比较好奇在文章中的图是用的什么画图软件?看那么明显的手绘风格,当然是手画的啦!(开玩笑),其实我用的是 draw.io ,下面分享我的画图软件 —— draw.io 。


公众号:liuzhihangs,记录工作学习中的技术、开发及源码笔记;时不时分享一些生活中的见闻感悟。欢迎大佬来指导!

为什么需要画图?

俗话说:“一图顶百字!”,好吧!这是我现想的俗话。

在新项目开发,技术分享,阅读代码笔记,或者面试的时候,画个流程图,架构图等等,比较直观,便于理解等。优点啥的就不多介绍了,这里主要介绍我的画图软件。

基本要求
  1. 免费
  2. 使用方便
  3. 支持离线使用
用过的其他软件
  1. Visio:使用方便,在最开始的时候就是使用 Visio,不过只能在 Win 系统上使用。
  2. ProcessOn:在线版,使用方便,很简洁。个人免费,不过限制文件数量。
  3. OmniGraffle:Mac 客户端,收费,有很多功能,不过对我来说有点玩不熟练。
  4. 语雀:语雀也支持画简单的流程图。
  5. 其他一些,暂时没想起来的。

体验了很多画图软件,最后还是(暂时)选择了 draw.io 。 原因很简单,支持多平台(网页/Win/Mac/Linux),开源免费,文件存储在本地,也可以选择存储位置。

下面简单介绍下 draw.io

draw.io

使用

在线版可以直接访问 https://draw.io 或者 https://app.diagrams.net/ 使用,进去之后如下所示:

draw-web-FlEHBo

可以选择存储,当然也有离线版本,即 drawio-desktop ,下载地址:https://github.com/jgraph/drawio-desktop

选择对应的平台下载安装即可:

drawio-desktop-nj8Mpy

设置语言

打开 app 或者 进入 app 之后可以设置语言,如下:

drawio-desktop-1-sIyT2d

drawio-desktop-2-qmJ3XA

使用

都已经到这里了,就不用说怎么使用的了吧!下面展示之前画的图:

draw-1-slJldy

手绘风格

那手绘风格是怎么画的呢?

秘籍就在右侧工具栏,选中 Sketch 选项,之后图片就会变为手绘风格的了!

draw-2-smWIKE

总结

本篇文章主要分享我常用的画图软件,有兴趣的小伙伴可以使用试一下。软件万万千,自己用的顺手的才是最重要的。不过 draw.io 还是比较推荐的。

后续我也会分享一些其他软件工具等,有兴趣的小伙伴可以关注一下。如果小伙伴们觉得有什么比较有趣的或生产力软件都可以给推荐下。

03-12
### Draw.io 在线图表绘制工具使用教程与功能介绍 #### 一、概述 Draw.io通过其卓越的功能与便捷的操作,已经成为不可多得的在线图表绘制利器。无论是专业人士还是图形绘制爱好者,都可以在draw.io中找到满足需求的工具和功能[^1]。它不仅是一个图表工具,更是信息沟通和思想表达的桥梁。 #### 二、主要特性 绘图神器draw.io是一款功能强大的在线图表绘制工具。该工具由JGraph公司开发,无需下载安装,只需打开浏览器并访问官方网站即可立即开始使用[^2]。以下是draw.io的一些核心特性和优势: - **跨平台兼容性**:由于draw.io完全基于Web运行,因此可以在任何操作系统上使用,只要具备现代浏览器环境。 - **多样化的模板和支持格式**:支持创建多种类型的图表,如流程图、网络拓扑图、组织架构图以及更专业的UML类图、ER实体关系模型等。 - **直观易用的界面设计**:提供了一个简洁明了的工作区布局,使得即使是初次接触的新手也能快速掌握基本操作方法。 - **丰富的形状库资源**:内置了大量的预定义对象供用户拖拽组合成复杂结构;同时也允许自定义导入外部SVG文件来扩展可用组件范围。 - **协作编辑能力**:多人可以实时共同参与同一个项目的构建过程,并能方便地共享最终成果给他人查看或进一步修改完善。 - **导出选项灵活多样**:除了常见的图片格式外,还能够保存为PDF文档或者直接嵌入到其他应用程序当中继续利用这些可视化内容的价值。 #### 三、基础使用指南 对于想要尝试draw.io的新用户来说,可以从以下几个方面入手学习如何高效地运用这个优秀的在线制图软件: ##### 创建新项目 进入网站主页后点击“新建”,此时会弹出一个对话框让用户指定要建立何种形式的作品——可以选择空白画布自由发挥创意,也可以挑选官方提供的各类现成模版作为起点加快进度。 ##### 添加元素至工作区域 左侧边栏列出了众多分类下的图标样式,只需要简单地将目标项从列表里拉出来放置于中央的大白纸上就可以了。如果觉得默认尺寸不合适的话,则可以通过鼠标右键菜单调整大小比例直至满意为止。 ##### 编辑属性设置 选中任意已加入的对象之后,在右侧会出现对应的参数面板,这里包含了颜色填充、线条粗细度等多项个性化定制选项,帮助打造独一无二的设计风格。 ##### 连接节点间的关系 当涉及到表示逻辑关联的时候(比如制作思维导图),可借助顶部工具条上的箭头按钮轻松实现两个不同位置之间的连线动作,而且还能随时更改路径走向保持整体美观协调一致。 ##### 导出作品分享交流 完成全部创作步骤以后,记得及时保存当前状态以防意外丢失数据。随后便可通过左上方菜单中的相应命令把成品转换为目标格式发送出去让更多人欣赏点评啦! ```python import webbrowser def open_drawio(): url = 'https://www.draw.io' webbrowser.open(url) open_drawio() ```
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

程序员小航

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值