画布拖拽主流框架对比

1.jsplumb

• 更多的功能和定制性

• https://jsplumbtoolkit.com/

• https://jsplumbtoolkit.com/demonstrations/flowchart-builder

• 免费，并根据MIT许可证提供。可以直接从jsPlumb github网站下载框架， 也可以通过npm安装。

• 节点由自己进行绘制，样式自言可控，灵活度高。 想怎么画，怎么画

• 图表项目和连接的参数精细可控

2.antV x6

• 流程图

• 数据驱动的可视化和与Ant Design生态系统的集成

• https://x6.antv.antgroup.com/

• https://x6.antv.antgroup.com/examples/showcase/practices/#flowchart

3.antv g6

• 关系图

• 数据驱动的可视化和与Ant Design生态系统的集成

• https://g6.antv.antgroup.com/

• g6-editor 阿里已放弃维护

4.LogicFlow

• https://site.logic-flow.cn/article/article01

• https://github.com/didi/LogicFlow/blob/master/package.json

• 滴滴开源

• 流程图编辑框架

5.byai

• https://github.com/byai/topology

• react16 + ts + dagre + d3-path

6.结论

• 如果做到跟byai一样，需要在已开源的组件基础上，二次开发

• 自研的话，可以选择基于jsplumb或者x6开发

• bpmn.js之前做过一个项目也还行，LogicFlow也有bpmn的效果