jointjs和mxgraph比較

https://www.cnblogs.com/xuxg/articles/3246206.html

Jointjs 是javascript圖表可視化庫，依賴于backbone.js,lodash,jquery，

可以建立完全互動式應用程式，也可以用做繪制靜态圖的繪制工具，如工作流編輯，流程管理等。

主要功能點羅列如下：

1.多種圖形（矩形，圓，橢圓，文本，圖形，路徑,ERD,組織結構圖，FSA,UML,BPMN,PN .etc）

2.自定義圖形，通過SVG程式設計方式呈現。

3.元素和連結的互動

4.連結圖元素，即為圖元素建立連結關系。

5.可定制化的操作，如連結，箭頭樣式和為元素設定标簽。

6.連結操作平滑順暢

7.元素上的端口（inport/outport）可自定義位置。

8.層級圖繪制

9.JSON格式的序列化/反序列化

 （即生成資料model為json格式，也可從model格式解析為圖形）

10.可以捕捉到畫布中發生的任意事件，做出反應。

11.支援2D space操作的大量數學函數。

12.提供操作SVG的庫。

13.放大和縮小

14.觸摸支援，移動端支援。

15.動畫

16.過濾器和梯度

17.Nodejs支援

18.快速的渲染能力。

19.MVC架構，代碼結構清晰，易上手。

mxgraph是一個開源用戶端Javascript圖表庫，

使用SVG和html渲染。

背景服務端還提供在java,donet,php後端語言操作圖表功能。

mxgraph從2005年開始就出現的，之前一直收費，近兩年才開源的。

官網https://www.jgraph.com/

mxgraph對浏覽器的相容支援的也比較好，甚至支援ie6，也支援移動端。

功能很全面，可以在editor的基礎上進行二次開發，

https://jgraph.github.io/mxgraph/javascript/examples/grapheditor/www/index.html

editor作為js庫可以嵌入到任意Html頁面，感覺像一個網頁版的visio studio編輯器一樣，使用很流暢。

左側的素材庫可以自定義，也可以上傳圖檔作為素材。

jointjs近兩年的人氣要比mxgraph高，基于backbonejs的開發理念更符合現在前端的趨勢。

mxgraph給我的感覺是功能比較全面但是成本也是比較高，純js的代碼需要研究成本的。

兩者各有千秋，選擇使用哪個技術還需要看具體需求和個人喜好。

另外順便提一下jointjs的rappid中也有editor,

rappid是基于jointjs庫開發的插件，支援一些進階功能，但目前是收費的。

而上述羅列的功能也是可以滿足需求的，感興趣的小夥伴可檢視官網。

https://www.jointjs.com/

版權聲明：本文為CSDN部落客「weixin_33736649」的原創文章，遵循CC 4.0 BY-SA版權協定，轉載請附上原文出處連結及本聲明。

原文連結：https://blog.csdn.net/weixin_33736649/article/details/91587072