Draw io 技巧总结

画IO，不管是绘制流程图、组织结构图、实体关系图等，都非常高效，这个工具有多好，就不用多说了，下面就为大家总结一下技巧了。

draw.io 工具：绘制io (diagrams.net)

官方**抽奖io (drawio.com)

开源** 示例和模板：示例绘制io diagrams and templates (drawio.com)

官方博客 ： 博客 - 抽奖io (drawio-app.com)

两种连接方式。

移动位置，固定连接点被锁定，而浮动连接点随图形的相对位置而变化，并始终保持最短路径。

连接图形时，从绿色交汇点向外拖动将得到一个固定的交汇点，同时指向目标图形的绿色交汇点也将获得一个固定的连接点。

从悬停的蓝色箭头向外拖动将导致浮动连接点。 同样，当鼠标直接指向目标形状时，边框为蓝色阴影时也会给出浮动连接点。

当然，如果希望一端是浮动连接，另一端是固定连接，也可以这样做，只需按照上面的具体操作即可。 当我们了解了这两种连接方式的区别时，我们就不会被箭头的变化所迷惑。

包含组的容器。

选择单个图形并使用快捷键 + g（Windows 可能是 Ctrl + G）会将图形变成一个容器，容器的左上角有一个可折叠的标记。 然后将其他形状拖动到容器中，容器边框上将带有紫色阴影。

需要注意的是，当选择多个图形时，使用快捷键 command + g，结果是元素合并成组。 相同的快捷键在不同条件下功能不同，这就是绘制IO 是一个令人困惑的问题。