流程图选择

一、工具选择

预先善其事，必先利其器。第一件事是选择一件合适的工具，开源时代，程序员还是很幸福的，选择很多。

flowchart.js http://adrai.github.io/flowchart.js/ , 基于SVG创建Flow Chart

go.js http://www.gojs.net/latest/index.html go.js 提供一整套的JS工具 ，支持各种交互式图表的创建。有免费版和收费版

joint.js http://www.jointjs.com/ joint.js 是另一个创建图标库的工具，也提供免费版和商业版

jsPlumb http://www.jsplumb.org/ jsPlumb是一套开源的流程图创建工具 ，小巧精悍，使用简单

d3 http://d3js.org 在html5领域，d3可谓是最好的可视化基础库，提供方面的DOM操作，非常强大。

G6 ：https://github.com/caoyu48/vue-g6-editor

https://github.com/OXOYO/X-Flowchart-Vue

jsPlumb中文文档：https://wdd.js.org/jsplumb-chinese-tutorial/#/?id=_1-jsplumb-%E4%B8%AD%E6%96%87%E5%9F%BA%E7%A1%80%E6%95%99%E7%A8%8B