draw.io 一款开源免费流程图绘制软件

2022-06-12 linux

这是一款免费开源的图形绘制软件，支持丰富的模板，可以直接嵌入现有图片，包括 SVG 格式，还可以自定义图形，甚至编辑数学表达式。

这里简单整理常见用法。

简介

draw.io 是一款免费的流程图绘制软件，简洁、方便，可以将图形保存在 Github、Google 中，也可以从 releases 中下载离线版本。

download

创建文件时，可以选择不同的模板。

其它

自定义图形

详细可以参考 Create custom shapes in draw.io using the text editor 中的介绍，其原点在左上角，横线向右为 X 轴，竖线向下为 Y 轴，如下是简单实例。

<shape h="100" w="80" aspect="variable" strokewidth="inherit">
  <connections>
    <constraint x="0" y="0" perimeter="1" />
  </connections>
  <background>
    <path>
      <move x="0" y="0"/>
      <line x="80" y="0"/>
      <line x="80" y="50"/>
      <line x="55" y="50"/>
      <line x="55" y="100"/>
      <line x="0" y="100"/>
      <close/>
    </path>
  </background>
  <foreground>
    <fillstroke />
    <stroke />
  </foreground>
</shape>

数学公式

可以从 Extras 菜单选中 Mathematical Typesetting 参数，然后在文本中通过 $$ ... $$ 包裹表达式即可。

使用技巧

三方图标

可以使用 SVG、PNG 等格式的图片，只需要复制或者拖过去即可，很多 SVG 图片可以从 www.iconfont.cn 中下载。

属性编辑

例如思维导图，默认会提供了折叠按钮，此时可以右键选择 Edit Style... 编辑，其中有 treeFolding=1 属性，修改为 0 即可；链接线的弯曲程度可以修改 segment=10 参数，值越大曲线越平滑。