JointJS 和JointJS+的v4.0版本正式發(fā)布，作為圖表庫(kù)的首個(gè)無(wú)依賴版本，備受期待！新版本經(jīng)過(guò)精心打磨，擺脫了jQuery、Backbone和Lodash的依賴，使得庫(kù)更加精簡(jiǎn)且核心功能不變。此次慧都與JointJS廠商合作，攜手帶來(lái)全新版本v4.0，歡迎大家前往咨詢~

此次更新帶來(lái)了眾多改進(jìn)，將在本篇博文中簡(jiǎn)要介紹。若您渴望深入了解所有技術(shù)細(xì)節(jié)，建議完整閱讀更新日志。

JointJS 是一款基于 JavaScript 的開源庫(kù)，用于創(chuàng)建基于 HTML5 的交互式圖表和圖形編輯器。它提供了豐富的圖形元素和交互功能，支持用戶構(gòu)建復(fù)雜的流程圖、組織結(jié)構(gòu)圖、網(wǎng)絡(luò)拓?fù)鋱D等，適用于開發(fā)各種 Web 應(yīng)用程序。

JointJS免費(fèi)下載

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

 重要提示：v4.0版本帶來(lái)了重大變更。因此，JointJS+的客戶應(yīng)詳細(xì)閱讀從3.7到4.0的遷移指南，確保順利過(guò)渡到最新版本。

穩(wěn)定版本，無(wú)外部依賴

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

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

關(guān)于減小包大小的主題，下面是一個(gè)可視化示例，說(shuō)明了使用 JointJS 構(gòu)建的簡(jiǎn)單可視化應(yīng)用程序的結(jié)構(gòu)。在 4.0 版本之前，應(yīng)用程序的總大小（包括外部 JointJS 依賴項(xiàng)）為 1.94MB。隨著4.0版本的發(fā)布，應(yīng)用程序大小減少至1.1MB，實(shí)現(xiàn)了44%的改進(jìn)。

BPMN 導(dǎo)出到 XML 格式/從 XML 格式導(dǎo)入

BPMN 代表業(yè)務(wù)流程模型和表示法，是一種標(biāo)準(zhǔn)化的建模語(yǔ)言和表示法系統(tǒng)，被企業(yè)廣泛用來(lái)以圖形方式描述其業(yè)務(wù)流程。它使公司能夠以全面的方式記錄、分析和優(yōu)化其工作流程。 BPMN 模型可以序列化為 XML 格式，稱為 BPMN XML，從而促進(jìn)跨各種 BPMN 兼容工具（例如 BPMN 編輯器和自動(dòng)化引擎）輕松交換和存儲(chǔ)業(yè)務(wù)流程圖。在 JointJS+ 4.0 中，BPMN 圖可以無(wú)縫地從 XML 導(dǎo)入或?qū)С龅?XML，從而增強(qiáng)整個(gè) BPMN 工具套件之間的協(xié)作。

了解導(dǎo)出在BPMN 編輯器中設(shè)計(jì)的流程并將其導(dǎo)入Camunda以實(shí)現(xiàn)端到端流程自動(dòng)化是多么簡(jiǎn)單。

廣泛的重構(gòu)以提高性能

消除了過(guò)時(shí)的代碼，不僅旨在提高性能，而且還使您與的代碼庫(kù)的交互更加直觀。改進(jìn)的錯(cuò)誤消息使調(diào)試變得更加容易；默認(rèn)情況下，所有圖表都更快且視覺(jué)上更有吸引力。此外，封裝的特定部分被分開，進(jìn)一步減小了封裝尺寸。對(duì)于仍然可以從的示例中復(fù)制并在您的項(xiàng)目中使用但不包含在包中的形狀來(lái)說(shuō)，這一點(diǎn)很明顯。

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

新演示：圖像處理器

近發(fā)布的演示應(yīng)用程序“圖像處理器”的源代碼現(xiàn)在是 JointJS+ 包的一部分，可幫助您復(fù)制和粘貼我們的工作并將其作為樣板重新用于您自己的項(xiàng)目。圖像處理器應(yīng)用程序使您能夠以基于節(jié)點(diǎn)的方式使用濾鏡和轉(zhuǎn)換工具來(lái)處理圖像。要訪問(wèn)源代碼，

其他變化

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

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