Соединить в фиксированной точке формы без точек соединения
Я использую библиотеку JavaScript mxGraph. При перетаскивании соединителя из одной фигуры в другую я хочу, чтобы соединитель оставался соединенным в фиксированной точке на цели.
Как я могу сделать это без использования точек подключения?
Это реализовано в draw.io (при перетаскивании коннектора над целью получается зеленая граница; отпускание щелчка мыши - устанавливает коннектор в ту точку, где он не зависит от того, где вы перемещаете целевую фигуру)
зависание над целевой формой
перемещенная цель
Любая помощь высоко ценится! Спасибо!
1 ответ
Вам просто нужно установить Style of Edge:
использование entryX
а также entryY
параметры для соединения ребра с формой в фиксированной точке.
например:
entryX=0.25;entryY=0.5;
var shapeA = graph.insertVertex(graph.getDefaultParent(), null, '', 10, 10, 50, 50, '');
var shapeB = graph.insertVertex(graph.getDefaultParent(), null, '', 100, 100, 50, 50, '');
var edge1 = graph.insertEdge(graph.getDefaultParent(), null, '', shapeA, shapeB, 'entryX=0.5;entryY=0.5;');