如何使用drawio画流程图以及导入导出 - 〖电脑诊所〗

z3960

级别: 茶馆馆主

发帖: 770867

飞翔币: 207694

威望: 215657

飞扬币: 2511641

信誉值: 8

只看楼主更多操作 0 发表于: 2023-11-18

可以在线使用drawio, 或者drawOn创建很多不同类型的图表。如何使用编辑器，让我们以一个最基本的流程图开始。
流程图，就是让你可视化的描述一个过程或者系统。图形和很少部分的文字表达就可以让读者很快的理解他们需要什么。

创建一个空白的图表

打开网站draw.io, 或者drawon.cn注册登录，选择流程图。
draw.io官方网址默认会让你选择一个保存的设备。
注意：你可以选择其他位置存储你的图表文件，如果你选择了云端存储平台，则你可能需要登录授权。
点击创建新的图表，或者打开已经存在的图表
在模板管理器中，进入一个文件目录，选择空白图表，点击创建。就可以创建图表了。

在画布上添加图形

drawio, 或者drawon上，有很多种方式，在画布上添加图表。
添加的第一步——使用下面的方法中的一种方法，在画布上添加一个矩形，矩形代表你的流程的第一步。

（鼠标左键）点击通用图形库中的矩形，就可以添加到画布中。
在画布上的空白区去双击打开图形对话框，就可以点击矩形图形添加。
从通用图形库中，选择指定的位置，用鼠标拽出一个图形，就可以放置到你想放置的画布位置。

添加更多的图形——使用下面的方法添加其他图形，代表你在流程中的下一步。

双标悬浮在你创建的第一个图形的上面，或者点击图形，你将看到图形上会展示朝着四个方向的方向箭头。点击其中一个方向的箭头，选择选择一个图形添加，并在这个方向连接它。
从图形库中拽出一个形状，滑过你需要连接的已经存在的图形上，停留，直到你看到四个方向的箭头出现，其中有一个变亮，再放置到你想放置的位置，图形会自动的朝着你放置的方向连接起来。

你通过简单的点击左侧的图形库，可以添加多个图形，之后可以再进行连接。
对于流程图的形状含义解释
在流程图中，有很多不同的形状来表示不同的可视化含义。

矩形——在流程中的基本步骤
菱形——决断，通常时防是/否的问题, 在这里将会把流程分成一个或多个分支。
原型或者椭圆——在流程中可选的开始或者结束标识。
平行四边形——输入或者输出，用来在流程中表示，流程需要外部的或者需要给与外部的部分信息。
圆柱体——存储盘，用于指示，在这一步数据会被存储。
下边沿为波浪线的矩形——文档会被生成，表示在这一步的结果。

此外，在通用和高级图形库中，你可以使用流程图库中的其他图形。

在左侧面板的底部，点击更多形状。
点击流程图（Flowchat）的复选框。
点击应用，流程图库则在面板的左侧可见。

移动，改变大小，旋转，删除图形

选择一个图形，点击它即可选择，如果要选择多个图形，按下shift或者Cmd，再点击要选择的图形，则可以选择多个。
移动——选择并拖拽图形到画布的其他位置放置即可。
改变大小——选择一个图形，当出现一个双箭头的手柄，可以朝着箭头的方向或者想要的方向放大缩小图形。如果希望图形是基于中线线变化，则同时按下control键拖动。点击可以跳转至如何改变一组图形大小
旋转——选择一个图形，右上角会出现一个旋转的抓手，点击旋转，则会以图形的中心点进行旋转。

删除——选择图形，按下键盘的Backspace或者Delete键删除，或者点击工具栏的Delete工具。

如果图形上的其中一个连接线或者箭头，方向错了，你可以选择并删除它，就像图形一样的方式删除。跟随下面的不住，手把手教你如何按照正确的方向绘制一个连接线。
技巧：使用键盘键盘上的方向键可以精准的旋转，从新放置位置，调整大小，点击该章节学习。

连接图形

连接线就是能够把图形连接在一起的连接线，根据需求，可以选择有或者没有或者两端都有箭头。有两种不同类型的连接线。
浮动连接线——当你在画布中移动或者改变图形的路径时，连机器的切入点，也会跟着形状的周长变化而移动。
固定连接线——当你在画布中移动或者改变图形的路径时，连接线的连接点的连接位置不会改变。

绘制一个浮动连接线