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