jsplumb - перетащить соединение со всех сторон div

Question

Я делаю редактор потоковых диаграмм, используя jsplumb. В демонстрационной версии коннектора потоковой диаграммы jsplumb мы могли бы создать соединение с помощью перетаскивания с одной стороны div, я хочу, чтобы div принимал и устанавливал соединение со всех четырех сторон.

Спасибо.

Answer 1

используйте конечную точку

и установите isSource: true, isTarget: true

, чтобы каждая конечная точка играла обе роли

Answer 2

Если вы хотите, чтобы конечные точки переместились на любую сторону div, вам следует использовать Dynamic Anchors:

Это якоря, которые можно расположить в одном из нескольких мест, выбирая тот, который наиболее подходит каждый раз, когда что-то перемещается или окрашивается в пользовательском интерфейсе.

Не существует специального синтаксиса для создания DynamicAnchor; вы просто предоставляете массив отдельных спецификаций Static Anchor

Чтобы избежать этого, вы можете использовать динамический якорь по умолчанию вместо

jsPlumb предоставляет динамическую привязку, называемую «AutoDefault», которая выбирает из TopCenter, RightMiddle, BottomCenter и LeftMiddle

Например, при добавлении конечную точку можно указать так:

        var anEndpoint = {
            endpoint: "Rectangle",
            isSource: true,
            isTarget: true,

            anchor:"AutoDefault"
        };

Чтобы попробовать, используйте эту скрипач

Для получения дополнительной информации см. JsPlumb docs