在线观看午夜福利,成人精品免费视频,亚洲欧美日韩网站

流程圖控件GoJS教程：如何制作影像（一）

翻譯|使用教程|編輯：楊鵬連|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最新版

GoJS具有用于創(chuàng)建圖像的兩個功能：Diagram.makeImageData，它輸出一個Base64圖像數(shù)據(jù)串，和Diagram.makeImage，這是一個方便的功能調(diào)用Diagram.makeImageData并返回一個新HTMLImageElement與圖像數(shù)據(jù)作為其源。這兩個函數(shù)具有相同的單個參數(shù)，即JavaScript對象，其中包含幾個可定義的屬性，在文檔中進行了枚舉。

該頁面幾乎與制作SVG上的頁面相同，該頁面顯示了如何渲染SVG元素而不是PNG圖像。

流程圖控件GoJS教程：如何制作影像（一）

不帶參數(shù)或使用空的屬性對象調(diào)用makeImage會生成與圖的視口大小相同的圖像。

myDiagram.makeImage（）;

使用“ scale”屬性設(shè)置為1的對象調(diào)用makeImage會生成包含整個圖的圖像，而不僅僅是視口中可見的區(qū)域。但是，將修剪文檔邊界周圍的空白區(qū)域。

myDiagram.makeImage（{
   scale：1
}）;

設(shè)置比例尺屬性將創(chuàng)建一個比例尺圖像，該圖像正好足以容納該圖。下圖以2的比例創(chuàng)建。

myDiagram.makeImage（{
   scale：2
}）;

通過設(shè)置makeImage的size選項創(chuàng)建以下圖像。請注意，畫布是均勻縮放的，任何多余的空間都放在圖像的底部或右側(cè)。

myDiagram.makeImage（{
   size：new go.Size（100，100）
}）;

通過設(shè)置makeImage的size選項也可以創(chuàng)建以下圖像，但僅設(shè)置寬度。高度將是統(tǒng)一包含圖表所需的任何大小。

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
}）;

流程圖控件GoJS教程：如何制作影像（一）

未完待續(xù)......

想要購買GoJS正版授權(quán)，或了解更多產(chǎn)品信息請點擊

標(biāo)簽：

本站文章除注明轉(zhuǎn)載外，均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載，但請務(wù)必注明出處、不得修改原文相關(guān)鏈接，如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn

文章轉(zhuǎn)載自：

上一篇：Dynamic Web TWAIN開發(fā)指南：自定義動態(tài)Web TWAIN對象下一篇：JavaScript圖表工具FusionCharts入門教程(36)：帕累托圖

相關(guān)產(chǎn)品

控件

產(chǎn)品功能：圖表

源碼：非開源

產(chǎn)品編號：13108

當(dāng)前版本：v2.1.50 [銷售以商家最新版為準(zhǔn)，如需其他版本，請來電咨詢]

開發(fā) 商： Northwoods

正式授權(quán)

">GoJS

GoJS是一款功能強大，快速且輕量級的流程圖控件，可幫助你在JavaScript 和HTML5 Canvas程序中創(chuàng)建流程圖。

最新文章 MORE

半島外圍網(wǎng)上直營相關(guān)的文章 MORE

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

流程圖控件GoJS教程：如何制作影像（一）

用科技創(chuàng)就卓越

Create excellence with technology

超碰91资源站-超碰97豆花-超碰97人妻-超碰97人人干-超碰97人人香蕉-超碰97天天操-超碰97在线资源站-超碰97资源站共享-超碰97资源站总站-超碰aa在线91-超碰av操-超碰爱爱

半岛外围网上直营

在線采購

中文文檔庫

試用/Demo下載

開發(fā)社群

流程圖控件GoJS教程：如何制作影像（一）

為你推薦

用科技創(chuàng)就卓越

Create excellence with technology