前沿：一个流程图设计器需要什么？一个是图的绘制能力、基于svg或者canvas来绘制各种形状的节点（矩形、圆形、多边形）以及线，一个是图与图之间的交互包括拖拽，节点之间的连线等，最后是画布面板的便捷性，其中包括：比如ps中的网格功能d、对齐线、步骤回撤、画布的可伸缩、快捷按钮等等，那前端社区有啥开源解决方案，方便我们快速开发一个属于自己的流程图设计器？
?1.绘图能力?提到绘图能力，web主要有两种实现方式：Canvas及Svg，我们看看这两种有什么差异
?CanvasSVG操作对象基于像素（动态点阵图）基于图形元素驱动只能脚本驱动支持脚步以及CSS事件交互用户交互到像素点（x,y）用户交互到图形元素性能适合小面积、大数量应用场景适合大面积，小数量应用面积基于流程图的场景：节点不会太多，加上节点都是静态图，没有太多动态渲染，那svg可能更适合，而且svg具备高保本，但是如果在大规模数据或图元的情况下请谨慎选择，毕竟性能会差些
??推荐阅读：
SVG与HTML5的canvas各有什么优点，哪个更有前途？[1]SVG入门—如何手写SVG[2]2.现有流程图设计器?目前有很多现成的流程图设计器，适合普遍的应用场景
?processon[3]推荐亿图[4]MicrosoftVisio?但是市场现成的流程图设计器只支持普遍的应用场景，如何基于我们本身的业务产品线拓展就成为一种问题？
?举个例子：前段时间涉及开发一款数据集成服务web应用，涉及到面板编排的模块，需要配置数据转换adapter，比如定制一些节点做自定义数据转换，本身就是一个流程图设计器，于是我做了一些前期的调研，调研了一部分开源的流程设计器开发方案，我们先看看一个普通的流程设计器长啥样
logicFlow3.开源流程设计器web开发方案3.1Jsplumb?官方介绍：jsPlumb是一个比较强大的绘图组件，它提供了一种方法，主要用于连接网页上的元素。在现代浏览器中，它使用SVG或者Canvas技术