在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