原理

其原理是使用基于Raphaël的可缩放矢量图形。

工具

推荐使用在线工具小书匠， 容易混淆的是网上有2个小书匠网站。我们需要的是http://markdown.xiaoshujiang.com。

打开网页，还需要在设置里面启用流程图语法扩展。点击左上角“小书匠”标签，再点击设置，最后在语法扩展里面找到流程图并勾选确认。可参考本文底部配图。

点击新建，开始使用创作流程。创作窗口分左右两屏，左边为代码（写作）区，右边为实时效果显示区，语法掌握好的可以直接全屏写作，也可以在别的文本编辑器里面如windows note,甚至手机短信，微信编辑窗口，只要把代码能够复制到小书匠的代码（写作）区就可以。

最后是导出流程图结果，这个比较简单，按照步骤提示即可完成。

设置第1步

设置第2步

设置第3步

推荐另外一个写作工具

简书，有web在线端，也有手机APP，支持安卓和IOS。在手机上阅读非常方便。如果是写作还是推荐web端，写作的时候也可以实时预览。和小书匠相比，简书不支持扩展语法，所以只能用纯markdown或富文本写作，不支持流程图，数学公式等。我喜欢结合2者使用。