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

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

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

怎样使用graph(学用系列数字绘与mxGraph)(1)

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

怎样使用graph(学用系列数字绘与mxGraph)(2)

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

怎样使用graph(学用系列数字绘与mxGraph)(3)

经典作品分享

产品开发项目建议流程图

怎样使用graph(学用系列数字绘与mxGraph)(4)

思维导向汇总

怎样使用graph(学用系列数字绘与mxGraph)(5)

SWOT分析

怎样使用graph(学用系列数字绘与mxGraph)(6)

上手体验

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

怎样使用graph(学用系列数字绘与mxGraph)(7)

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

怎样使用graph(学用系列数字绘与mxGraph)(8)

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

怎样使用graph(学用系列数字绘与mxGraph)(9)

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

怎样使用graph(学用系列数字绘与mxGraph)(10)

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

怎样使用graph(学用系列数字绘与mxGraph)(11)

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

怎样使用graph(学用系列数字绘与mxGraph)(12)

mxGraph,追根溯源

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

怎样使用graph(学用系列数字绘与mxGraph)(13)

怎样使用graph(学用系列数字绘与mxGraph)(14)

不过相较于GitHub上的原版,“数字绘”不仅实现了软件本土化,还提供了用户交流分享的空间,应当来说还是比较厚道的。

当然,由于mxGraph版本更新较快,而且还提供完整的使用体验,网速快的小伙伴也可以直接使用原版(只有英文版)https://www.draw.io/。

怎样使用graph(学用系列数字绘与mxGraph)(15)

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

怎样使用graph(学用系列数字绘与mxGraph)(16)

菜单和工具栏

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

菜单栏正下方是工具栏。可以从此栏访问许多最常用的查看和编辑选项。

怎样使用graph(学用系列数字绘与mxGraph)(17)

符号库

左侧是符号库。所有符号都属于库,并显示在该库中。单击符号会使该符号的实例出现在图的左上角。单击并拖动符号可以将符号放置在工作区域的任何位置。

要显示的第一个库是General库,它位于顶部,应该已经打开。General下面的每个选项卡对应一个不同的库。单击任何选项卡将显示该库的符号。

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

格式面板

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

定制您的环境

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

怎样使用graph(学用系列数字绘与mxGraph)(18)

选择“ 格式面板”可在右侧打开和关闭“格式面板”。此功能也可从工具栏中获得。

大纲提供了一种通过大型复杂图表进行细分的有用方法。选择此选项会导致显示“大纲”面板。单击并拖动“大纲”面板中显示的微缩页面也将移动主页面。蓝色框内的微缩页面部分对应于您在主页中看到的内容。此功能也可从工具栏中获得。

同样,您可以右键单击并拖动主页面,同时观察大纲视图也会发生变化。

怎样使用graph(学用系列数字绘与mxGraph)(19)

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

页面预览

默认情况下,工作区域在页面视图中显示; 它的大小根据纸张尺寸的选择而定。取消选中此框将导致工作区填满整个窗口。也可以在“格式”面板中切换此选项。

滚动条

默认情况下,垂直和水平滚动条显示在图表工作区域的旁边。禁用此选项将删除滚动条。通过右键单击和拖动,或通过大纲窗口导航,仍然可以在没有滚动条的情况下移动大型图表。

提示

通过选择“ 编辑” - >“编辑”工具提示并键入所需信息,可以插入附加到特定图表元素的注释。如果您不想显示工具提示,请禁用此选项。请注意,这只会禁用您自己添加的注释。仍将显示draw.io中已存在的工具提示 。

怎样使用graph(学用系列数字绘与mxGraph)(20)

默认情况下,工作区域上会显示一个点网格,以帮助进行符号对齐。切换此复选框可打开和关闭网格。

“ 网格 ”右侧的复选框是对齐网格大小选择。默认为10磅。这将确定释放的形状或连接器将捕捉以与网格线匹配的间隔。例如,将此数字增加到100 pt意味着形状和连接器将仅放置在那些较大的间隔处。再次减小此数字将允许您更精确地放置形状。

也可以在“格式”面板中切换此选项。

指南

默认情况下,在工作区域周围移动符号时,只要中心轴或边缘与另一个附近形状的中心轴或边缘对齐,就会自动显示引导线。这是为了使符号相对于彼此更容易对齐。在下面的示例中,用户拖动了一个矩形; 它的边缘目前与另一个矩形的中心轴对齐。

切换此复选框可以打开和关闭指南。也可以在“格式”面板中切换此选项。

怎样使用graph(学用系列数字绘与mxGraph)(21)

连接点

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

怎样使用graph(学用系列数字绘与mxGraph)(22)

真实大小

单击“ 查看” - >“实际大小”将使图表恢复为100%大小。此功能也可从工具栏中获得。

放大

单击视图 - >放大将放大您的图表。单击多次以进行高倍放大。此功能也可从工具栏中获得。

缩小

单击视图 - >缩小将放大图表。单击多次以进行高倍放大。此功能也可从工具栏中获得。

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

,