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

或許 是 antv ?

又或者是 jsplumb

兩個(gè)我都用過(guò)，實(shí)現(xiàn)的 效果如下圖

但是使用上訴兩個(gè)真的麻煩

但是今天用 LogicFlow 實(shí)現(xiàn)了一遍這樣的效果，這也太方便了吧，真香?。?！

一、介紹

LogicFlow 是一款流程圖編輯框架，提供了一系列流程圖交互、編輯所必需的功能和靈活的節(jié)點(diǎn)自定義、插件等拓展機(jī)制。LogicFlow支持前端研發(fā)自定義開(kāi)發(fā)各種邏輯編排場(chǎng)景，如流程圖、ER圖、BPMN流程等。在工作審批配置、機(jī)器人邏輯編排、無(wú)代碼平臺(tái)流程配置都有較好的應(yīng)用。

二、安裝

直接npm安裝就行

npm install @logicflow/core

npm install @logicflow/extension

三、優(yōu)勢(shì)

使用其他插件，基本上都需要實(shí)現(xiàn) 錨點(diǎn)定位、錨點(diǎn)數(shù)量、連線、連線操作、事件。

但是logicflow這些都是獨(dú)立的，當(dāng)你自定義節(jié)點(diǎn)后，這些事件和操作并不會(huì)影響。

真是直接使用。

我最近一直再用這個(gè)插件，大家如果項(xiàng)目需要可以嘗試。

也可以和我一起交流哦?。?/p>