流程图控件GoJS教程：节点上的链接连接点（下）

可以灵活地精确控制链接连接到节点的方式和位置。在前面的示例中，链接始终在节点的边缘结束。但是，您可以在链接终止的节点上指定Spot。

GoJS是一款功能强大，快速且轻量级的流程图控件，可帮助你在JavaScript 和HTML5 Canvas程序中创建流程图，且极大地简化您的JavaScript / Canvas 程序。

GoJS现已更新至最新版本2.1发布，添加了动画功能，修复了一些bug，增强用户体验，赶快下载试试吧~

GoJS最新试用版

无向斑点

如果没有为GraphObject.fromSpot或GraphObject.toSpot指定点，则路由计算将计算从端口中心到另一个端口（即端口边缘的相交点）的链路的最远点。上面在非矩形节点中对此进行了演示，并在此处再次进行了演示。

  diagram.nodeTemplate =    $(go.Node, "Vertical",      new go.Binding("location", "loc", go.Point.parse),      $(go.Shape, "YinYang",        {          fill: "white", portId: ""        },        new go.Binding("fill", "color")),      $(go.TextBlock,        { margin: 8 },        new go.Binding("text"))    );  diagram.model = new go.GraphLinksModel(    [      { key: 1, text: "Alpha", color: "lightblue", loc: "0 50" },      { key: 2, text: "Beta", color: "orange", loc: "150 0" },      { key: 3, text: "Gamma", color: "lightgreen", loc: "300 50" }    ],    [      { from: 1, to: 2 },      { from: 2, to: 3 }    ]);

标签：