近期因为需要制作工作汇报的PPT，胖胖老师也在学着使用流程图工具制作漂亮的流程图，但对于office组件里的Microsoft VISO十分苦手的情况下，胖胖老师找到了“数字绘”这样一款在线应用，一款可以制作小猪佩奇的流程图应用工具。

流程图，不仅是线条与方框

“数字绘”是武汉真和民科技有限公司推出的在线流程图制作软件，可以画流程图、UML、ER图、网络拓扑图、系统架构图、软件原型图、电路图、甘特图等等一系列工作用图，甚至可以用他画一只小猪佩奇，所有用图一站搞定。

同时，作为一款web app，“数字绘”免费提供50MB的在线空间，存储以XML为格式的流程图，基本可以保证1000+以上的流程图存量，让使用者随时随地，打开网站即可绘制、查看、修改、分享、导出。必要时候用手机打开网站，也可以预览图表，躺在床上也能思考。

如果你愿意使用会员功能，“数字绘”还提供超过500个专业模板文件可以即开即用，不用从头画起。当然，你还可以直接使用其他用户无私分享的优秀作品，四舍五入等于拥有无限多模板，轻松免费完成自己的用图！

经典作品分享

小猪佩奇

产品开发项目建议流程图

思维导向汇总

SWOT分析

上手体验

打开网页www.myshuju.net，选择登陆就直接进入工作台。

点击右上角的+，就可以添加新的流程图

其图形提供超过1000+的各类分类图标，足够满足日常制图需要

如果没有头绪，可以在工作台的精选模板或者搜索分享里找找

找到合适的，只要点击右上角的蓝色按钮就可以变成自己的流程图

当然你也可以使用会员模板

mxGraph，追根溯源

“数字绘”其实并非是一款纯粹原创产品，从版权页我们就可以发现其绘图引擎和素材都来自于“mxGraph”，一款诞生于2005年的免费开源软件。

不过相较于GitHub上的原版，“数字绘”不仅实现了软件本土化，还提供了用户交流分享的空间，应当来说还是比较厚道的。
当然，由于mxGraph版本更新较快，而且还提供完整的使用体验，网速快的小伙伴也可以直接使用原版（只有英文版）https://www.draw.io/。

这里，胖胖老师也为大家提供其使用教程（来自官方帮助文档）。

菜单和工具栏

功能和支持选项细分为六个主菜单，可在顶部菜单栏中找到。第一个是File，与此菜单相关的功能在第1部分：使用文件中进行了解释。接下来的三个，编辑，视图和排列都与使用图表有关，并在第2部分：使用图表中进行了解释。最后两个，额外和帮助，在第3部分：支持和额外内容中进行了解释。
菜单栏正下方是工具栏。可以从此栏访问许多最常用的查看和编辑选项。

符号库

左侧是符号库。所有符号都属于库，并显示在该库中。单击符号会使该符号的实例出现在图的左上角。单击并拖动符号可以将符号放置在工作区域的任何位置。
要显示的第一个库是General库，它位于顶部，应该已经打开。General下面的每个选项卡对应一个不同的库。单击任何选项卡将显示该库的符号。

您创建的任何自定义库都显示在符号库菜单的顶部。使用库中描述了创建新库。

格式面板

这些设置位于右侧面板上，用于管理编辑环境的各个方面。
定制您的环境

单击菜单栏上的“查看”菜单为我们提供了多种自定义用户环境的方法。

选择“ 格式面板”可在右侧打开和关闭“格式面板”。此功能也可从工具栏中获得。
大纲提供了一种通过大型复杂图表进行细分的有用方法。选择此选项会导致显示“大纲”面板。单击并拖动“大纲”面板中显示的微缩页面也将移动主页面。蓝色框内的微缩页面部分对应于您在主页中看到的内容。此功能也可从工具栏中获得。
同样，您可以右键单击并拖动主页面，同时观察大纲视图也会发生变化。

层中解释了图层。此功能也可从工具栏中获得。
页面预览

默认情况下，工作区域在页面视图中显示; 它的大小根据纸张尺寸的选择而定。取消选中此框将导致工作区填满整个窗口。也可以在“格式”面板中切换此选项。
滚动条
默认情况下，垂直和水平滚动条显示在图表工作区域的旁边。禁用此选项将删除滚动条。通过右键单击和拖动，或通过大纲窗口导航，仍然可以在没有滚动条的情况下移动大型图表。
提示
通过选择“ 编辑” - >“编辑”工具提示并键入所需信息，可以插入附加到特定图表元素的注释。如果您不想显示工具提示，请禁用此选项。请注意，这只会禁用您自己添加的注释。仍将显示draw.io中已存在的工具提示。

格

默认情况下，工作区域上会显示一个点网格，以帮助进行符号对齐。切换此复选框可打开和关闭网格。
“ 网格 ”右侧的复选框是对齐网格大小选择。默认为10磅。这将确定释放的形状或连接器将捕捉以与网格线匹配的间隔。例如，将此数字增加到100 pt意味着形状和连接器将仅放置在那些较大的间隔处。再次减小此数字将允许您更精确地放置形状。
也可以在“格式”面板中切换此选项。
指南

默认情况下，在工作区域周围移动符号时，只要中心轴或边缘与另一个附近形状的中心轴或边缘对齐，就会自动显示引导线。这是为了使符号相对于彼此更容易对齐。在下面的示例中，用户拖动了一个矩形; 它的边缘目前与另一个矩形的中心轴对齐。
切换此复选框可以打开和关闭指南。也可以在“格式”面板中切换此选项。

连接点

默认情况下，将鼠标悬停在符号上将显示该符号的连接点（请参见下图），从而可以更轻松地将连接符附加到符号上。切换此复选框可以打开和关闭此功能。
也可以在“格式”面板中切换此选项。

真实大小

单击“ 查看” - >“实际大小”将使图表恢复为100％大小。此功能也可从工具栏中获得。
放大
单击视图 - >放大将放大您的图表。单击多次以进行高倍放大。此功能也可从工具栏中获得。
缩小
单击视图 - >缩小将放大图表。单击多次以进行高倍放大。此功能也可从工具栏中获得。

更多帮助请参考 www.draw.io

学用系列｜数字绘与mxGraph，原来流程图可以这样玩