Перейти к основному содержимому

magnetic

К сведению

Свойство magnetic работает только в режиме default редактора (type: "default")

Описание​

Необязательный параметр. Определяет, отображаются ли линии привязки при перемещении фигуры. Если да, позволяет настроить их внешний вид

Подсказка

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

Использование​

magnetic?: {
show?: boolean,
lineWidth?: number,
lineColor?: string
} | boolean;

Конфигурация по умолчанию​

magnetic: true

Режим magnetic включается со следующей конфигурацией:

magnetic: {
show: true,
lineWidth: 2,
lineColor: "#000"
}

Параметры​

В виде объекта свойство magnetic может включать следующие параметры:

  • show - (необязательный) включает/отключает линии привязки при перемещении фигуры
  • lineWidth - (необязательный) ширина линий привязки (по умолчанию 2)
  • lineColor - (необязательный) цвет линий привязки (по умолчанию "#000")

Пример​

const editor = new dhx.DiagramEditor("editor_container", {
type: "default",
magnetic: {
show: true,
lineWidth: 2,
lineColor: "#B0B8CD"
}
});

Журнал изменений: Параметр show добавлен в v6.0