Соединить в фиксированной точке формы без точек соединения

Я использую библиотеку 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;');
Другие вопросы по тегам