preview

Описание

Необязательно. Объект, который настраивает предпросмотр элементов

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

preview?: {
    scale?: number,
    gap?: string | number
}

Параметры

• scale — (необязательно) определяет масштаб элементов, отображаемых в shapebar редактора
• gap — (необязательно) задаёт расстояние между элементами, отображаемыми в shapebar

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

preview: {
    scale: 0.5,
    gap: "6px 8px"
    // задаёт отступ 6px сверху и снизу и 8px справа и слева
};

Пример

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        // shapebar: true, // отображает Shapebar по умолчанию
        // или настройка Shapebar через объект
        shapebar: {
            preview: {
               scale: 0.65,
               gap: 8
            }
        }
    }
});

Подробнее

Значения свойств gap и scale можно переопределить для отдельной фигуры с помощью атрибутов gap и scale свойства preview объекта фигуры:

const defaults = {
    rectangle: {
        preview: {
            scale: 0.72,
            gap: 8
        }
    }
}

const editor = new dhx.DiagramEditor("editor_container", {
    type: "default",
    view: {
        shapebar: {
           preview: {
               scale: 0.65,
               gap: 2
            }
        }
    },
    defaults
});

Полезная статья: Shapebar

Журнал изменений: Добавлено в v6.0