JointJS 和JointJS+的v4.0版本正式發布，作為圖表庫的首個無依賴版本，備受期待！新版本經過精心打磨，擺脫了jQuery、Backbone和Lodash的依賴，使得庫更加精簡且核心功能不變。此次慧都與JointJS廠商合作，攜手帶來全新版本v4.0，歡迎大家前往咨詢~

此次更新帶來了眾多改進，將在本篇博文中簡要介紹。若您渴望深入了解所有技術細節，建議完整閱讀更新日志。

JointJS 是一款基于 JavaScript 的開源庫，用于創建基于 HTML5 的交互式圖表和圖形編輯器。它提供了豐富的圖形元素和交互功能，支持用戶構建復雜的流程圖、組織結構圖、網絡拓撲圖等，適用于開發各種 Web 應用程序。

JointJS免費下載

公司首席技術官Roman Brückner表示：“ v4.0版本標志著重要里程碑的達成。我們針對代碼庫中的反直覺部分以及對舊版庫的依賴進行了改進，新版解決了這些問題。API的優化提高了上手速度，而外部依賴的消除則提升了性能，并讓我們對庫有了完全的控制權。”

 重要提示：v4.0版本帶來了重大變更。因此，JointJS+的客戶應詳細閱讀從3.7到4.0的遷移指南，確保順利過渡到最新版本。

穩定版本，無外部依賴

如前所述，現在引入了一個不依賴jQuery、Lodash和Backbone的無依賴版本。這一期待已久的改進使的庫更加精簡（減小了包大小，如下所示），并使能夠完全控制核心功能，并根據客戶的特定需求進行調整。 JointJS 和 JointJS+ 的可定制性水平是的驕傲之一，4.0 版本使（和您）能夠在不做出任何妥協的情況下調整庫：

• 完全控制庫：現在負責整個代碼庫，并完全負責并有能力修復客戶報告的任何錯誤。同樣的可能性也適用于的社區，這有助于改進的開源版本 JointJS。
• 更精簡且高性能：通過依賴為服務許多不同用例而構建的外部依賴項，在代碼庫中包含了許多不必要的功能。現在這種情況已經改變，提高了性能并使能夠根據任何特定用例定制的庫。
  重大升級，平滑遷移：保留了 90% 以上的 API 功能，并盡一切努力讓您從以前的版本順利遷移。盡管 JointJS 和 JointJS+ 現在感覺像是一個新庫，但這種更改不需要您進行任何學習工作，并且具有非常簡單的遷移過程。
  

關于減小包大小的主題，下面是一個可視化示例，說明了使用 JointJS 構建的簡單可視化應用程序的結構。在 4.0 版本之前，應用程序的總大小（包括外部 JointJS 依賴項）為 1.94MB。隨著4.0版本的發布，應用程序大小減少至1.1MB，實現了44%的改進。

BPMN 導出到 XML 格式/從 XML 格式導入

BPMN 代表業務流程模型和表示法，是一種標準化的建模語言和表示法系統，被企業廣泛用來以圖形方式描述其業務流程。它使公司能夠以全面的方式記錄、分析和優化其工作流程。 BPMN 模型可以序列化為 XML 格式，稱為 BPMN XML，從而促進跨各種 BPMN 兼容工具（例如 BPMN 編輯器和自動化引擎）輕松交換和存儲業務流程圖。在 JointJS+ 4.0 中，BPMN 圖可以無縫地從 XML 導入或導出到 XML，從而增強整個 BPMN 工具套件之間的協作。

了解導出在BPMN 編輯器中設計的流程并將其導入Camunda以實現端到端流程自動化是多么簡單。

廣泛的重構以提高性能

消除了過時的代碼，不僅旨在提高性能，而且還使您與的代碼庫的交互更加直觀。改進的錯誤消息使調試變得更加容易；默認情況下，所有圖表都更快且視覺上更有吸引力。此外，封裝的特定部分被分開，進一步減小了封裝尺寸。對于仍然可以從的示例中復制并在您的項目中使用但不包含在包中的形狀來說，這一點很明顯。

此外，在 4.0 版本中，又向成為完全模塊化的圖表庫和構建受益于的核心功能和其他廣泛使用的技術的生態系統邁出了重要的一步。結果將是模塊形式的大量高級功能，這些功能結合了的核心功能和其他技術（例如D3、Cytoscape或Graphviz ）的優勢，并且可以選擇在您的項目中使用，但不屬于 JointJS 和 JointJS+ 的一部分默認為核心。在的積壓工作中，在接下來的幾周內您可以期待許多有用的功能！

新演示：圖像處理器

近發布的演示應用程序“圖像處理器”的源代碼現在是 JointJS+ 包的一部分，可幫助您復制和粘貼我們的工作并將其作為樣板重新用于您自己的項目。圖像處理器應用程序使您能夠以基于節點的方式使用濾鏡和轉換工具來處理圖像。要訪問源代碼，

其他變化

• [新功能] 網格現在在紙張內呈現為 SVG 文檔（而不是 HTML），并且可以在導出的 SVG、PNG 或打印頁面上呈現
• [新功能] 對紙張轉換進行了多項增強，例如觸發更高級別的事件、隨事件一起傳遞自定義數據以及簡化點方法縮放
• [新功能]整個框架都支持駝峰式屬性
• [ONBOARDING] 改進了錯誤消息以方便調試
• [重構] 已設置合理的默認值，以確保您從一開始就使用高性能的圖表
• [性能] 計算表達式的計算和SVG屬性名稱設置在核心，可以更有效地更新DOM元素
• [錯誤修復] SVG 過濾器現在可以使用鏈接

【慧都】攜手官網廠商合作，為廣大用戶提供全新JointJS 正版授權、最新下載、后買咨詢等服務，歡迎咨詢