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