資訊專(zhuān)欄INFORMATION COLUMN
摘要：繪制一個(gè)幾何圖形。您可以控制什么樣的形狀繪制以及它是如何繪畫(huà)和填充。形狀不像的和，形狀不能包含任何其他對(duì)象。還需要設(shè)置或和參數(shù)，作為確定形狀尺寸。在這些簡(jiǎn)單的演示，該代碼創(chuàng)建一個(gè)圖形，并將其添加到畫(huà)布中。屬性指定輪廓的粗細(xì)。
繪制一個(gè)幾何圖形。您可以控制什么樣的形狀繪制以及它是如何繪畫(huà)和填充。
形狀不像的TextBlocks和Pictures，形狀不能包含任何其他對(duì)象。
您可以設(shè)置Shape.figure屬性通常為各種形狀。還需要設(shè)置GraphObject.desiredSize或GraphObject.width和GraphObject.height參數(shù)，作為確定形狀尺寸。
在這些簡(jiǎn)單的演示，該代碼創(chuàng)建一個(gè)圖形，并將其添加到畫(huà)布中。
diagram.add(G(
go.Part,
"Horizontal",
G(
go.Shape,
"Rectangle",
{
width:40,
height:60,
margin: 4,
fill: null
}
),
G(
go.Shape,
"Ellipse",
{
desiredSize: new go.Size(40, 60),
margin: 4,
fill: null
}
)
));
填充和畫(huà)筆
Shape.stroke屬性指定用于繪制形狀的輪廓刷。Shape.fill屬性指定用于填充形狀的背景。附加“stroke”的屬性也控制形狀的輪廓繪制方式。Shape.strokeWidth屬性指定輪廓的粗細(xì)。
diagram.add(G(
go.Part,
"Horizontal",
G(
go.Shape,
{
width:100,
height:40,
margin:2,
fill: "#394",
strokeWidth: 0
}
),
G(
go.Shape,
{
width:100,
height:40,
fill: null,
stroke: "#394",
strokeWidth: 4
}
),
G(
go.Shape,
{
width: 100,
height:40,
fill: null,
stroke: "#439",
strokeWidth: 5,
background: "#394"
}
)
));
角度和縮放
除了?設(shè)置GraphObject.desiredSize或GraphObject.width和GraphObject.height申報(bào)的大小形狀，還可以設(shè)置其他屬性影響美觀。例如，您可以設(shè)置GraphObject.angle和GraphObject.scale屬性。
diagram.add(G(
go.Part,
"Table",
G(
go.Shape,
{
row: 0,
column: 1,
width:40,
height:40,
margin: 5,
fill: "#492",
strokeWidth: 0
}
),
G(
go.Shape,
{
row: 0,
column: 2,
width: 40,
height: 40,
margin: 5,
fill: "#492",
strokeWidth: 0,
angle: 45
}
),
G(
go.Shape,
{
row: 0,
column: 3,
width: 40,
height: 40,
margin: 5,
fill: "#492",
strokeWidth: 0,
scale: 1.5
}
)
));
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/79558.html
摘要：你可以構(gòu)建一個(gè)節(jié)點(diǎn)或其類(lèi)型的代碼。以下將討論基本類(lèi)型，你可以用它來(lái)建立一個(gè)節(jié)點(diǎn)對(duì)象。這些頁(yè)面通過(guò)明確創(chuàng)建和添加節(jié)點(diǎn)和鏈路建立的示意圖。一個(gè)非常簡(jiǎn)單的節(jié)點(diǎn)由一個(gè)與構(gòu)成。雖然以這種方式構(gòu)建的節(jié)點(diǎn)將工作變得更加復(fù)雜的代碼將變得更加難以閱讀和維護(hù)。 你可以構(gòu)建一個(gè)節(jié)點(diǎn)或其類(lèi)型的JavaScript代碼。以下將討論基本類(lèi)型，你可以用它來(lái)建立一個(gè)節(jié)點(diǎn)對(duì)象。這些頁(yè)面通過(guò)明確創(chuàng)建和添加節(jié)點(diǎn)和鏈路建立的...
摘要：非定向鏈接最簡(jiǎn)單的鏈接沒(méi)有箭頭指示方向。該模板只包含一個(gè)形狀為主要元素，因?yàn)檫@是在節(jié)點(diǎn)之間繪制的線條。鏈接的路線被計(jì)算后將得到一個(gè)路徑的點(diǎn)?？梢院苋菀椎亟⒎较?，只需添加一個(gè)形狀并設(shè)置其屬性。目前也就只能先寫(xiě)這么多吧入門(mén)的話(huà)問(wèn)題不大了 非定向鏈接 最簡(jiǎn)單的鏈接沒(méi)有箭頭指示方向。該模板只包含一個(gè)形狀為主要元素，因?yàn)檫@是在節(jié)點(diǎn)之間繪制的線條。鏈接的路線被計(jì)算后將得到一個(gè)路徑的點(diǎn)。 diag...
摘要：綁定字符串和數(shù)字特性綁定數(shù)據(jù)的屬性。轉(zhuǎn)換功能你可以通過(guò)轉(zhuǎn)換函數(shù)的第三個(gè)參數(shù)綁定構(gòu)造函數(shù)。允許位置字符串的形式來(lái)指定，而不是作為一個(gè)表達(dá)式的點(diǎn)。轉(zhuǎn)換函數(shù)可以是命名或匿名函數(shù)。他們把數(shù)據(jù)屬性值作為參數(shù)，并返回適用于正在設(shè)置該屬性的值。 綁定字符串和數(shù)字特性 綁定GraphObject數(shù)據(jù)的屬性。在這個(gè)例子中，我們不僅綁定TextBlock.text和Shape.fill中的節(jié)點(diǎn)到節(jié)點(diǎn)數(shù)據(jù)的...
摘要：下面是這樣做的一種方式使用模型和模板事實(shí)上，圖已經(jīng)為節(jié)點(diǎn)和鏈接非常簡(jiǎn)單的默認(rèn)模板。該特定節(jié)點(diǎn)的數(shù)據(jù)已投入對(duì)象的數(shù)組。因此，我們需要替換節(jié)點(diǎn)模版。數(shù)據(jù)綁定數(shù)據(jù)綁定是一種聲明聲明一個(gè)對(duì)象的屬性值應(yīng)該用于設(shè)置另一個(gè)對(duì)象的屬性值。 使用模版構(gòu)視圖 讓我們嘗試建立兩個(gè)節(jié)點(diǎn)，將它們與一個(gè)鏈接連接。下面是這樣做的一種方式： var node1 = g( go.Node, Auto, ...
摘要：橫向面板屬性和縱向面板基本相同只是排列順序不同默認(rèn)對(duì)齊和拉伸垂直和水平兩個(gè)面板的支持的和屬性。這是一種便捷的方式使您不必設(shè)置每個(gè)元件的或 橫向面板 屬性和縱向面板基本相同只是排列順序不同 diagram.add(G( go.Part, go.Panel.Horizontal, { position: new go.Point(500, 0), ...
閱讀 2774·2021-09-24 10:34
閱讀 1876·2021-09-22 10:02
閱讀 2265·2021-09-09 09:33
閱讀 1469·2021-08-13 15:02
閱讀 3279·2020-12-03 17:10
閱讀 1193·2019-08-30 15:44
閱讀 2156·2019-08-30 12:58
閱讀 3237·2019-08-26 13:40
