筆記, 若干個流程圖前端類庫

爲了方案探索, 查看了一下幾個網上比較好找到的庫, 看下對於咱們定製的需求是否足夠...

Raphael

• SVG
• 能夠拖拽卡片, 不能拖拽線條
• 沒有文字

http://dmitrybaranovskiy.gith...

gojs

https://gojs.net/latest/sampl...

• SVG
• 能夠編輯文字
• 注意左邊是有編輯區域
• 能夠拖拽卡片, 能夠拖拽連線
• 連線上有節點連線上不能新增節點, 只能在某些方向上調整
• 不知道怎麼刪除

jointjs

http://resources.jointjs.com/...

• 能夠拖拽, 連線當中能夠添加刪除關鍵點
• 連線上面有文字
• 不知道怎麼增長刪除

jgraph

https://jgraph.github.io/mxgr...

• 能夠拖拽
• 箭頭能夠脫離卡片
• 連線沒看到拐彎的操做, 或者說沒有看到能夠插入關鍵點
• 文字能夠編輯
• 不知道怎麼添加連線

flowchart.js

https://flowchart.js.org/

• 只是圖, 不能編輯
• 基於 UML 生成圖片

G6

看不懂...