我最近画图都用 draw.io ,非常赞的在线绘图工具,推荐给大家。
>> 如何开始
在浏览器地址栏输入 https://www.draw.io 或者直接输入 draw.io 即可打开。
你可以创建一个新的 Diagram ,也可以打开已有的 Diagram 。draw.io 就像你用过的任何桌面绘图软件一样,只不过它是运行在浏览器里的。
draw.io 是开源的哇,github 地址在这里:https://github.com/jgraph/draw.io。感兴趣的朋友可以 follow 或者 star 。
>> 主界面介绍
我截了个简单的图:
界面布局很经典。
顶部从上到下,依次是菜单栏、工具条。
左侧是形状区域,里面有常规、Misc、UML、流程图、网络、Office等各种常见形状分类,形状多到令人难以置信,基本上能够满足日常绘图应用。
中间是绘图区,你选中左侧形状区内的某个形状,拖放到中间,就可以生成一个形状。
选中某个形状后,右侧的属性面板就会与这个形状关联,你可以修改所选形状的各种属性。线条粗细、颜色、线端形状、文本颜色、字体……
底部是页签栏,你建立了一个 Diagram ,可以分成多页。和 Visio 类似。
每个 Diagram 可以保存为 xml 文件,当你有未保存的修改时,菜单栏右侧会提示你。
>> 各种图表
draw.io 支持各种图表的绘制,比如流程图、时序图、类图、网络拓扑结构等,同时提供丰富的形状供你使用,日常绘图工作完全能够胜任。
下面是 UML 的时序图示例:
我之前还用它绘制过很多图,比如“每年10万被动收入目标分解 | 进击”这篇文章中的头脑风暴图:
比如“程序员的核心竞争力”中引用的程序员工作过程图:
>> 下载 draw.io
不需要啦……它是在线的,直接在浏览器中打开 https://draw.io 即可。