GoJS是一款功能強(qiáng)大，快速且輕量級(jí)的流程圖控件，可幫助你在JavaScript 和HTML5 Canvas程序中創(chuàng)建流程圖，且極大地簡(jiǎn)化您的JavaScript / Canvas 程序。

點(diǎn)擊下載GoJS最新版

GoJS 2.1.23

新的動(dòng)畫(huà)功能

GoJS 2.1包含許多新功能，可為圖表的不同組件制作動(dòng)畫(huà)。

新的默認(rèn)GoJS動(dòng)畫(huà)“逐漸消失”，而不是對(duì)Node位置進(jìn)行動(dòng)畫(huà)處理。添加了AnimationManager.initialAnimationStyle 以控制此行為。這是一個(gè)示例：

• （頂部）新的初始動(dòng)畫(huà)，“圖”位置向上動(dòng)畫(huà)，“圖不透明度”從0到1動(dòng)畫(huà)。
• （中）一個(gè)自定義的“放大”動(dòng)畫(huà)，動(dòng)畫(huà)化了圖比例，在新的狀態(tài)圖示例中進(jìn)行了演示，
• （底部）將AnimationManager.initialAnimationStyle設(shè)置為AnimationManager.AnimateLocations以執(zhí)行GoJS 2.0和以前的動(dòng)畫(huà)樣式。該數(shù)據(jù)可視化示例使用此選項(xiàng)。

• 添加了"InitialAnimationStarting" DiagramEvent以更輕松地自定義初始動(dòng)畫(huà)。有關(guān)詳細(xì)信息，請(qǐng)參見(jiàn)AnimationManager.initialAnimationStyle。
• 新類(lèi)：AnimationTrigger。這些內(nèi)容描述了如何在GraphObject更改值時(shí)自動(dòng)為其設(shè)置動(dòng)畫(huà)。
• 新課程：動(dòng)畫(huà)。此類(lèi)允許您以聲明方式設(shè)置自定義動(dòng)畫(huà)，并提供不確定動(dòng)畫(huà)的選項(xiàng)。
• 新的AnimationManager選項(xiàng)，包括定義自定義動(dòng)畫(huà)效果以與 AnimationManager動(dòng)畫(huà)的能力，defineAnimationEffect
• 新的動(dòng)畫(huà)示例和修改為使用新動(dòng)畫(huà)功能的示例：

1. 自定義動(dòng)畫(huà) - 新示例： 演示許多Node創(chuàng)建/刪除動(dòng)畫(huà)，鏈接動(dòng)畫(huà)等。
2. 樹(shù)負(fù)載動(dòng)畫(huà) - 新示例： 模型加載時(shí)的遞歸動(dòng)畫(huà)。
3. 流程圖 -僅在組件面板中，禁用初始動(dòng)畫(huà)，而使用自定義淡入動(dòng)畫(huà)。
4. 狀態(tài)圖 -禁用初始動(dòng)畫(huà)，而使用自定義縮放淡入動(dòng)畫(huà)。
5. 數(shù)據(jù)可視化 -節(jié)點(diǎn)現(xiàn)在使用AnimationTrigger移動(dòng) 。
6. 小貓監(jiān)視器 -小貓現(xiàn)在使用AnimationTrigger移動(dòng)。
7. 處理流程 -鏈接的strokeDashArray的不確定動(dòng)畫(huà)。
8. 車(chē)間監(jiān)視器 -鏈接顏色更改現(xiàn)在使用AnimationTrigger。

2.1.23的更改

• 添加了“ 安排布局”擴(kuò)展，如“ 安排”示例中所示。這種布局基本布局的布局，讓你可以有一個(gè)CircularLayout的CircularLayout S，如圖所示的樣品，或在PackedLayout的TableLayout S，或什么的。該ArrangingLayout還具有用于不由主布局布置位置的節(jié)點(diǎn)的第三布局。這通常是一個(gè)GridLayout，僅定位單例（斷開(kāi)連接）節(jié)點(diǎn)。
• 改進(jìn)了ParallelLayout擴(kuò)展，并重寫(xiě)了 Flowgrammer示例以使用該P(yáng)arallelLayout。
• 固定的UndoManager有時(shí)還重復(fù)“布局”交易的UndoManager.history。
• 添加了“重縮放工具”擴(kuò)展，如“重縮放”示例中所示。此工具修改GraphObject.scale屬性，不像ResizingTool其修改GraphObject.desiredSize財(cái)產(chǎn)。
• 改進(jìn)了Model.mergeNodeDataArray，GraphLinksModel.mergeLinkDataArray和Model.toIncrementalData的性能。合并方法要求在GoJS模型和提供的外部數(shù)據(jù)之間不共享引用，并且現(xiàn)在將在將任何新數(shù)據(jù)對(duì)象添加到模型之前對(duì)其進(jìn)行深拷貝。這意味著不需要在傳入的數(shù)組上調(diào)用Model.cloneDeep，因?yàn)閙erge方法將進(jìn)行必要的調(diào)用。
• 修復(fù)了當(dāng)go.module.js在Node.js中被視為ES6模塊時(shí)可以正常工作的問(wèn)題。同時(shí)，我們添加了`go.mjs`和`go-debug.mjs`作為`go-module.js`和`go-debug-module.js`的副本。為了兼容，該工具包將包含兩組文件。
• 修復(fù)了內(nèi)部嵌套組更改大小后自動(dòng)執(zhí)行外部組的布局的問(wèn)題。

=====================================================

想要了解或購(gòu)買(mǎi)GoJS正版授權(quán)的朋友，歡迎

關(guān)注下方“慧聚IT”微信公眾號(hào)，及時(shí)獲取產(chǎn)品最新消息和最新資訊