Draw.io 使用技巧总结

职场绘图利器 Draw.io，无论是画流程图、组织架构图、实体关系图等都非常高效，这款工具有多么优秀不必多言，下面是技巧总结。

用箭头连接图形时，会有两种连接点：固定的连接点和浮动的连接点，固定的连接点呈现绿色，浮动的连接点呈现蓝色。

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

连接图形时，从绿色的连接点向外拖拽，会得到一个固定的连接点，同样指向目标图形的绿色连接点，也会得到固定的连接点。

从悬浮的蓝色箭头向外拖拽，会得到一个浮动的连接点。同样鼠标直接指向目标图形，当边框呈现蓝色阴影时，也会得到浮动的连接点。

当然，如果想让一端为浮动连接，另一端为固定连接，也是可以的，按照上述具体操作即可。当我们明白了这两种连接方式的区别，移动图形时，就不会为箭头的变化感到迷惑了。

容器是 Draw.io 中的一个重要的概念，它的作用是封装子流程。当流程图非常复杂时，可以将属于某个环节的流程进行封装，以此起到简化流程的作用。

选中单个图形，使用快捷键 Command + G（Windows 可能是 Ctrl + G），会将图形转化为容器，容器的左上角会出现一个可折叠的标记。接着将其他图形拖入容器中，拖入时容器边框会有紫色的阴影提示。

需要注意的是，当选中多个图形时，使用快捷键 Command + G，结果是将元素合并成组。同样的快捷键在不同条件下功能不同，这是 Draw.io 容易令人迷惑的一点。