你的下一款绘图软件，何必是visio——Draw.io推荐及使用

最新推荐文章于 2024-07-28 11:23:28 发布

manggoyyds

最新推荐文章于 2024-07-28 11:23:28 发布

阅读量8k

点赞数 1

分类专栏： Draw.io图形绘制文章标签：流程图甘特图 html5 javascript

本文链接：https://blog.csdn.net/weixin_42092704/article/details/126701110

版权

Draw.io图形绘制专栏收录该内容

1 篇文章 0 订阅

订阅专栏

Draw.io 一款可替代Visio的免费开源的图形绘制软件，简单易上手！

背景

最初你想画流程图的时候，发现PPT可以画，但是不太好用，调整图形线条的对准非常费时间。后来找到了Visio，发现他安装包很大，还需要订阅付费，但是这一类专业图形绘制的软件用起来真的很顺滑。那么有没有一款更完美的软件呢？就是Draw.io了，免费、开源、可跨平台使用。

Draw.io

Draw.io是一款集免费、开源、强大、跨平台于一体的专业图形绘制软件，可以创建流程图、组织结构图、泳道图、ER图、UML等。出于安全原因，draw.io的域名改为了diagrams.net，软件库、文件格式和集成服务仍然被称为“Draw.io"，所以这里我们还是以Draw.io称呼他。

Draw.io有网页版和桌面版，支持下载和导出的文件格式包括PNG、JPEG、SVG、PDF、HTML等。网页版无需在线登录或者注册，就可以从本地打开和保存到本地文件夹。桌面版提供了Linux、macOS、Windows系统的安装包，下载安装包根据提示安装即可。对应使用和下载的网址如下：

网页版：Flowchart Maker & Online Diagram Software

桌面版下载：Releases · jgraph/drawio-desktop · GitHub

同时，一些第三方软件集成了Draw.io，比如程序员常用的VS Code中就提供了Draw.io的扩展，安装次数超过了89万次（截止2022.09.06）。

Draw.io 使用

1.新建绘图及语言设置

打开软件之后，弹出的提示框可以创建新绘图（图1左）。draw.io提供了多种图形的模板（图1右），也可以从其他url地址获取其他模板。设置文件名，默认文件后缀为".drawio"。

语言设置可以点击提示框右下角的网状地球图标（图1左），就可以切换简体中文，Draw.io提供了包括简体中文在内的几十种语言。在使用界面如果想要切换语言，可以点击界面右上角的网状地球图标。

图1 新建绘图

2.使用介绍

整体界面一般包括顶部菜单栏、左边的图形库、中间绘制面板和右边的格式面板。绘制的过程非常简单，就是从左边图形库拖入中间绘制面板，在中间和右边格式面板修改属性即可。

图2 绘制界面

以下各部分进行详述：

菜单栏：菜单栏提供了文件、编辑、查看等导航，值得一提的是菜单栏的其它可以修改界面主题，比如可以修改为深色模式。另外，帮助提供了快捷键、入门视频的查询，非常友好新手。

左边图形库：提供了通用、杂项、高级、流程图的图形，都可以拖拽的形式放到中间绘制面板，左下角的更多图形，可以勾选更多的图形库，例如平面图、电路图的更多图形元素就会显示在左侧。同时，如果在菜单栏的查看勾选了便笺本，便笺本就会显示在图形库上方，将中间绘制面板经常使用的已编辑好的图形元素拖入便笺本，就可以非常方便的使用该元素了。

中间绘制面板：中间的绘制面板默认有网格（这是我推荐这款软件的原因之一，强迫症福音），便于各种对齐，连间距都可以整齐划一。当然，如果你不喜欢网格，也可以通过菜单栏查看取消网格的勾选。

通过左侧图形拖拽到中间绘图区域，双击图形就可以编辑图形的文本；图形与图形的连接通过鼠标滑过之后，会出现多个连接点（图3），想连哪个位置都可以。区域的放大和缩小通过ctrl+鼠标滚轮实现，常见的快捷键ctrl+c/v/s/x/g/z都可以相应使用，其他快捷键详见官网指导（Shortcuts - draw.io）。