不知道大家之前制作流程图用的是什么插件

或许 是 antv  

又或者是 jsplumb

两个我都用过，实现的 效果如下图

但是使用上诉两个真的麻烦

但是今天用 LogicFlow 实现了一遍这样的效果，这也太方便了吧，真香！！！

一、介绍

LogicFlow 是一款流程图编辑框架，提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。

二、安装

直接npm安装就行

npm install @logicflow/core

npm install @logicflow/extension

三、优势

使用其他插件，基本上都需要实现 锚点定位、锚点数量、连线、连线操作、事件。

但是logicflow这些都是独立的，当你自定义节点后，这些事件和操作并不会影响。

真是直接使用。

我最近一直再用这个插件，大家如果项目需要可以尝试。

也可以和我一起交流哦！！