翻譯|使用教程|編輯:楊鵬連|2020-09-10 10:11:25.060|閱讀 281 次
概述:GoJS具有用于創(chuàng)建圖像的兩個功能:Diagram.makeImageData,它輸出一個Base64圖像數(shù)據(jù)串,和Diagram.makeImage,這是一個方便的功能調(diào)用Diagram.makeImageData并返回一個新HTMLImageElement與圖像數(shù)據(jù)作為其源。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關(guān)鏈接:
GoJS是一款功能強大,快速且輕量級的流程圖控件,可幫助你在JavaScript 和HTML5 Canvas程序中創(chuàng)建流程圖,且極大地簡化您的JavaScript / Canvas 程序。
GoJS具有用于創(chuàng)建圖像的兩個功能:Diagram.makeImageData,它輸出一個Base64圖像數(shù)據(jù)串,和Diagram.makeImage,這是一個方便的功能調(diào)用Diagram.makeImageData并返回一個新HTMLImageElement與圖像數(shù)據(jù)作為其源。這兩個函數(shù)具有相同的單個參數(shù),即JavaScript對象,其中包含幾個可定義的屬性,在文檔中進行了枚舉。
該頁面幾乎與制作SVG上的頁面相同,該頁面顯示了如何渲染SVG元素而不是PNG圖像。
myDiagram.makeImage();
myDiagram.makeImage({ scale:1 });
myDiagram.makeImage({ scale:2 });
myDiagram.makeImage({ size:new go.Size(100,100) });
myDiagram.makeImage({ size:new go.Size(100,NaN) });零件選項允許我們指定要繪制的零件的可迭代集合。如果您只想制作圖的一部分的圖像,例如選擇節(jié)點,這將很有用。
myPartsList = new go.List(); myPartsList.add(myDiagram.findNodeForKey(“ Beta”)); myPartsList.add(myDiagram.findNodeForKey(“ Delta”));
myDiagram.makeImage({ parts:myPartsList });
myDiagram.makeImage({ parts:myDiagram.links });
未完待續(xù)......
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務(wù)必注明出處、不得修改原文相關(guān)鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自: