MXGraph 添加边

Question

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

Answer 1

无论何时使用 mxCells，如果将其用作边，则需要为每条边设置 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]));