MXGraph增加边(MXGraph adding edges)

2019-09-29 03:02发布

在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]));


文章来源: MXGraph adding edges