标签：draw Ok 脑图 Diagram 形状 绘图 io UML

我最近画图都用 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 即可。

标签：draw,Ok,脑图,Diagram,形状,绘图,io,UML
来源： https://blog.51cto.com/u_15127665/2833601

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。