GoJS中链接上方的图标

时间:2017-06-29 21:19:26

标签: javascript css svg gojs

在GoJS中,是否可以在链接上方显示一个图标,以便在链接移动时,图标也会移动?

例如,我喜欢看起来像this的东西,但是当移动任一节点时,图标也会移动。

1 个答案:

答案 0 :(得分:1)

当然 - 只需在链接模板中添加 GraphObject 即可。默认情况下这样的"标签" (不仅需要 TextBlock ,而且可以是任意复杂的 Panel 对象)将位于链接的中间位置。您可以在标签对象上设置属性,以控制沿链接路径排列的位置和方式。

像: myDiagram.linkTemplate = $(go.Link, $(go.Shape), // the path $(go.Shape, { toArrow: "Standard" }), // the arrowhead $(go.Picture, ..., // your label implemented by a Picture showing an image { width: ..., height: ..., // with this offset relative to the mid point of the link path segmentOffset: new go.Point(0, -15) }) );

http://gojs.net/latest/intro/linkLabels.html

了解详情