MXGraph添加边缘

时间:2018-04-15 08:18:03

标签: javascript html xml svg mxgraph

在MXGraph中,可以使用graph.addEdge()添加边,但这需要传递2个顶点作为参数。我想创建一个可以随机放置在图形上的边,而不需要顶点,就像在draw.io或图形编辑器中一样。谷歌搜索后,mxCell可以用于相同,但我无法理解其用法。请帮助。

1 个答案:

答案 0 :(得分:2)

每当使用mxCell时,如果将其用作Edge,则需要为每个边设置TerminalPoints。添加并将其设置为边缘后,需要将其插入到由fireEvent函数完成的单元格数组中。

  var cell = new mxCell('your text', new mxGeometry(0, 0, 50, 50), 'curved=1;endArrow=classic;html=1;');
  cell.geometry.setTerminalPoint(new mxPoint(50, 150), true);
  cell.geometry.setTerminalPoint(new mxPoint(150, 50), false);

  cell.geometry.relative = true;
  cell.edge = true;

  cell = graph.addCell(cell);
  graph.fireEvent(new mxEventObject('cellsInserted', 'cells', [cell]));