從TypeScript源代碼構建流程圖控件GoJS教程

GoJS是一款功能強大，快速且輕量級的流程圖控件，可幫助你在JavaScript 和HTML5 Canvas程序中建立流程圖，且極大地簡化您的JavaScript / Canvas 程序。

點擊下載GoJS最新版

全部客戶均可以使用go.js和go-debug.js文件運行他們的應用程序。可是，若是您購買了GoJS TypeScript源代碼的許可證，則能夠從TypeScript源構建您的應用程序。流行的模塊打包器（例如Webpack）能夠從源中刪除許多模塊（若是您不使用它們），以縮小可交付文件的大小。

因爲go.js和go-debug.js文件是在自定義過程當中構建的，目的是減少大小，所以即便WebWeb或其餘捆綁器與GoJS源一塊兒使用，即便它刪除了未使用的模塊，也可能致使文件大小比僅使用更大go.js。可是，TypeScript做者可能會喜歡從源代碼構建的反饋和調試功能。

MinimalSource和MaximalSource項目

GoJS套件在/projects目錄 /minimalSource和下有兩個子目錄/maximalSource。

該minimalSource 項目展現瞭如何創建GoJS同時去除一切可能的可選模塊。該maximalSource 項目展現瞭如何創建GoJS同時匹配釋放go.js的功能和去-debug.js文件。

這兩個項目須要webpack和npm運行。

另外還有minimalSourceBrowserify，它顯示瞭如何使用Browserify而不是Webpack從源進行構建。

從源代碼構建時能夠刪除的類/模塊

幾個類（例如CommandHandler和工具）可能對於添加到您的項目中是必不可少的，而其餘類（例如，除了一種Layout和一種類型的全部類）Model一般能夠刪除。如下是webpack能夠從構建中刪除的模塊的列表，前提是您的代碼中未引用這些模塊：
CommandHandler，是鍵盤功能所必需的。
SVGSurface，須要調用Diagram.makeSvg
樹模型
GraphLinksModel，無需加載此模塊，默認的Diagram.model的類型爲Model。
總覽
調色板
版面：
網格佈局
樹佈局
LayeredDigraphLayout
環形佈局
ForceDirectedLayout。
鼠標按下工具：
動做工具
從新連接工具
連接重塑工具
調整大小工具
旋轉工具
鼠標移動工具：
連接工具
拖曳工具
DragSelecting工具
平移工具
鼠標向上工具：
ContextMenu工具
文字編輯工具
ClickCreating工具
點擊選擇工具
有幾種「內置」面板類型，每種類型都是PanelLayout。其中一些是構建源所必需的：
PanelLayoutPosition
PanelLayoutVertical
PanelLayoutLink
PanelLayoutAuto
PanelLayoutGrid
可是，能夠在沒有如下面板類型的狀況下進行構建：
PanelLayoutHorizontal
PanelLayoutSpot
PanelLayoutTable
PanelLayoutViewbox
PanelLayoutTableRow
PanelLayoutTableColumn
PanelLayoutGraduated
源索引文件演示了Panel.addPanelLayout包括每種面板類型的必要調用。
使用可選類

許多類僅須要用於包含在源代碼構建中。對於某些功能，例如工具，CommandHandler和SVGSurface，您須要確保顯式初始化它們。能夠在maximalSource項目的maximal-index.ts代碼中找到此示例。完整go.js庫不須要這樣作，由於該go對象已經具備對每一個對象的引用。

一個典型的GoJS項目不會刪除全部甚至大部分這些模塊，而且可能會使用其中的大多數。因爲Northwood的內部構建過程已通過優化，能夠在高級模式下使用Google Closure編譯器，所以可能須要花費大量精力才能go.js 從源代碼中生成一個小於項目發行目錄中包含的軟件包的軟件包。

有關GoJS源代碼的重要許可證信息

GoJS源代碼受SoftwareLicenseAgreement.pdf中包含的咱們許可條款的約束。

請勿使用，釋放（部署）或分發未縮小的源代碼。要爲本身的應用程序構建GoJS，您必須使用流行的混淆/縮小工具，例如Google Closure Compiler。

若是您認爲能夠從其餘圖形優化中受益，那麼會遇到獨特或節點數量多的圖表狀況，請聯繫客服。

想要購買GoJS正版受權，或瞭解更多產品信息請點擊【諮詢在線客服】