Draw.io 使用技巧总结

工具
2 min read

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

两种连接方式

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

drawio-arrow

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

drawio-move

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

draw-green-arrow

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

draw-blue-arrow

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

容器与成组

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

draw-container

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

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

本文作者:杨奇的博客
版权声明:本文采用 知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议 进行许可,非商业转载及引用请注明出处(作者、原文链接),商业转载请联系作者获得授权。
杨奇的博客 微信公众号
微信公众号
杨奇的博客
评论