JointJS+ v4.1.1 重磅更新:Visio 兼容性與交互體驗雙升級
翻譯|產品更新|編輯:張蓉|2025-05-20 14:49:35.310|閱讀
117 次
概述:JointJS+ 是一款強大的 JavaScript 圖形開發工具包,基于 HTML5 技術構建,專為開發者提供可視化建模與流程圖解決方案。它支持創建復雜的交互式圖表,如業務流程圖(BPMN)、組織結構圖、網絡拓撲圖等,內置豐富的 UI 組件和布局引擎,并提供靈活的數據綁定與動態渲染能力。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
JointJS+ 是一款強大的 JavaScript 圖形開發工具包,基于 HTML5 技術構建,專為開發者提供可視化建模與流程圖解決方案。它支持創建復雜的交互式圖表,如業務流程圖(BPMN)、組織結構圖、網絡拓撲圖等,內置豐富的 UI 組件和布局引擎,并提供靈活的數據綁定與動態渲染能力。
接下來為大家介紹一下它的4.1.1版本的主要更新內容:
JointJS+ 正版試用下載
應用程序
apps.BPMNPools
新增了對 phases 的導入/導出支持,現在從該應用程序導出的圖表在重新導入時,phases 的顯示效果能與導出前保持完全一致。
格式
format.Visio
修復了文本注釋的 colorTrans 選項使用問題,現在會正確地將其用于設置文本片段的不透明度(1 - colorTrans)。
解決了遇到無內容的 fld 元素時的錯誤,現在會將其內容默認設置為空字符串('')。
在導入過程中,若文件類型不在支持的列表(如 jpeg、jpg、png、bmp、gif、tiff、svg、webp、ico)中,JointJS 將不會將其作為圖像使用,從而避免了錯誤。
針對空的 ref XML 文件,現在不會拋出異常,而是在瀏覽器控制臺中記錄一條調試信息,提示文件存在問題,但導入過程會繼續正常進行。
將 JointJS 中的端口導出為 Visio 的 Connection XML,以便在連接時,這些 Connection 能作為鏈接的源和目標。默認情況下,端口邊界框的中心會被設置為連接的終點,但可通過 portConnectionPoint 回調函數指定更精確的連接點。
默認情況下,端口邊界框的中心被設置為端點,但可以通過端口連接點回調為創建的 Visio 連接指定精確點:
portConnectionPoint: (port, elementView) => {
const portNode = elementView.findPortNode(port.id);
const portBBox = elementView.getNodeBBox(portNode);
let y: number;
switch (port.group) {
case 'bottom':
y = portBBox.height;
break;
case 'top':
default:
y = 0;
break;
}
return {
x: portBBox.width / 2,
y: y
}
},
用戶界面(ui)
ui.Halo
修復了在紙張的異步模式下,Halo 的更新可能會先于相關單元格視圖更新的問題,避免了 Halo 定位不準確的情況。
ui.PaperScroller
修正了計算紙張內邊距時的四舍五入錯誤,防止了不必要的滾動條出現。
ui.Selection
修復了 removeHandle() 方法,使其可以正常應用于隱藏的句柄。
ui.TextEditor
修正了占位符顯示時背景位置不正確的問題,同時解決了當 textAnchor 設置為 'end' 時,光標位置與占位符末尾不匹配的問題。
布局(layout)
layout.DirectedGraph
修復了 nodesep、edgesep、ranksep 選項的值為 0 時的處理問題,現在會正確檢查提供的值是否為數字。
模型 - 視圖 - 控制器(mvc)
mvc.Dom
更新了 position() 方法,使用 window.getComputedStyle() 來準確獲取當前被檢查父元素的 position 屬性值。
慧都科技是?家?業數字化解決?案公司,專注于軟件、?油與?業領域,以深?的業務理解和?業經驗,幫助企業實現智能化轉型與持續競爭優勢。
慧都科技作為 JointJS 的中國區合作伙伴,JointJS 是一款功能強大的 JavaScript 圖形庫,通過其豐富的 API 和組件,JointJS 支持創建復雜的圖形界面和數據流程,適用于多種行業和應用場景。它提供了數據綁定、動態加載和交互式組件等功能,使開發者能夠以簡潔高效的代碼實現靈活的布局設計和豐富的可視化效果。無論是構建流程圖、網絡拓撲圖還是其他復雜的數據可視化應用,JointJS 都能顯著提升開發效率,幫助企業快速交付高質量的項目,并縮短開發周期。
標簽:
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn