使用Visio绘制一个标准方框流程图

今天发了篇文章：《WordPress使用Service Worker加速网站教程》。文中，使用Visio绘制了一张流程图，大概由几个方框和箭头组成。也好久没写Visio绘图方面的教程了，随今天再把对应用到的方法分享一下吧。可能这真的是一篇手把手流程图绘制的教学了吧。主要包括内容有：流程图方框的初始化、流程图箭头的绘制、参考线的使用，以及流程图的导出保存方法。

方框初始化

先新建一个Visio基本框图，左侧拖拽一个矩形。然后将矩形的填充改为无填充，线条改为实线黑色、3磅的宽度。

当然，阴影必须改为无阴影。

接着，双击方框边缘线条，输入你需要表达的内容，并修改字体及字体大小。我比较推荐楷体，好看。

到此，我们就创建好了第一个方框。

批量生成方框

然后我们只需要选中这个方框，Ctrl+C复制，Ctrl+V粘贴。即可生成很多方框，并修改其中的文字即可。当然，你也可以再次拖拽几个未预设的矩形，使用格式刷命令来直接修改矩形。

参考线的使用

我们可以从Visio边缘拖拽参考线，放到绘图区间。这样，方便我们把很多方框与参考线对齐，看起来会很美观。

箭头的创建

我们切换为线条模式，绘制一个线条，连接相邻的两个方框。然后使用格式刷命令，将箭头改成跟方框同样的阴影线条填充：只需要鼠标点击（记得把线条模式改成旁边的鼠标模式）方框，然后点击格式刷，再点击线条；就可以完美的把线条改成你需要的样式。最后，再修改一下箭头末端类型即可。

当然，接着你就可以复制很多箭头出来了。

箭头的文字描述

同样的，双击箭头，添加你需要的文字。然后适当修改文字的所在位置，即可达到你的预期。主要包括文字的靠左对齐，居中对齐等，还有文字的翻转（对应于垂直或者水平的箭头）。

流程图排版

排版问题，因人而异。主要是通过方框箭头等与参考线的对齐来实现的。对齐方式，可以是方框中心对齐参考线，也可以是方框周边对齐参考线。

流程图保存

可以鼠标拖拽方式，选中绘图区域，并Ctrl+C复制绘图区域。然后打开画图工具，Ctrl+V粘贴即可。此外，也可以将visio另存为图片格式，推荐参考文章：《Visio绘图后如何完美的保存为png图片》