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

Я использую библиотеку javascript mxGraph. При перетаскивании соединителя из одной формы в другую я хочу, чтобы соединитель оставался подключенным в фиксированной точке на цели.
Как я могу сделать это без использования точек соединения?
Это реализовано на draw.io (при перетаскивании соединителя на цель он получает зеленую рамку; отпускание мыши щелчок — устанавливает соединитель в той точке, где он остается независимо от того, куда вы перемещаете целевую фигуру)
наведение курсора на целевую фигуру
перемещенная цель
Любая помощь приветствуется! Спасибо!


person E.P.    schedule 11.01.2018    source источник


Ответы (1)


Вам просто нужно установить стиль края:

используйте параметры entryX и entryY для соединения ребра с формой в фиксированной точке.

ex:

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;');
person Shaybi    schedule 12.01.2018
comment
Спасибо за ответ! Я пробовал, но это не совсем то, что мне нужно. Например, при перемещении соединителя в другую точку формы B эта точная точка не запоминается; поэтому, если я теперь перемещаю фигуру B по графику, соединитель меняет свою точку соединения на фигуре B. Возможно, вы знаете свойство, которое должно быть установлено на графике или фигурах в целом? - person E.P.; 16.01.2018