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