Javascript/jQuery流程圖程式庫整理

作者: Fred F.M. Wang (FW知識瑣記) 日期: 2019/2/17

MxGraph https://github.com/jgraph/mxgraph

MxGraph是一個互動式JavaScript HTML 5圖表程式庫。 mxGraph是使用SVG和HTML呈現模型的客戶端程式庫。 Draw.io就是使用此程式庫。 此程式庫自2005年開始開發，不使用任何第三方軟件，不需要任何插件，並可以整合到任何的框架中。

MxGraph2 https://github.com/jgraph/mxgraph2

MxGraph的開發版本
 
JointJS可用於建立靜態圖或完全互動式的繪圖工具和應用程序構建器。
功能 :
. 基本圖形元件（矩形，圓形，橢圓形，文本，圖像，路徑）
. 常見的圖形元件（ERD，組織圖，FSA，UML，PN，DEVS等）的即用型圖形元件
. 基於SVG或以編程方式呈現的自定義形狀
. 互動式元素和鏈接
. 用鏈接連接圖元素
. 可自定義的鏈接，其箭頭和標籤
. 磁鐵（鏈接連接點）基本上可以放置在任何地方
. 階層圖. JSON格式序列化/反序列化
. 放大/縮小
. 支援觸控
 

GoJS

 

jsUML2 library

 

Mindfusion Diagram Library

Diagram.js

Draw2D

JsPlumb

 

Flowchart.js
http://flowchart.js.org/


 jquery Flowchart.js, 允許你繪製流程圖的JQuery插件

https://www.jqueryscript.net/chart-graph/jQuery-Plugin-To-Generate-SVG-Based-Flowchart-Diagram.html