不知道大家之前制作流程图用的是什么插件
或许是antv
又或者是jsplumb
两个我都用过,实现的效果如下图
但是使用上诉两个真的麻烦
但是今天用LogicFlow实现了一遍这样的效果,这也太方便了吧,真香!!!
一、介绍LogicFlow是一款流程图编辑框架,提供了一系列流程图交互、编辑所必需的功能和灵活的节点自定义、插件等拓展机制。LogicFlow支持前端研发自定义开发各种逻辑编排场景,如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。
二、安装直接npm安装就行
npminstall
logicflow/corenpminstall
logicflow/extension三、优势使用其他插件,基本上都需要实现锚点定位、锚点数量、连线、连线操作、事件。
但是logicflow这些都是独立的,当你自定义节点后,这些事件和操作并不会影响。
真是直接使用。
我最近一直再用这个插件,大家如果项目需要可以尝试。
也可以和我一起交流哦!!