javascript - MXGraph 添加边

Question

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

Answer 1

每当您使用 mxCells 时，如果您将其用作边缘，则需要为每条边设置 TerminalPoints。添加并将其设置为边缘后，您需要将其插入到 cells 数组中，这已由 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]));