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

png()

Описание​

Экспортирует диаграмму в файл PNG

Примечание

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

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

png(config?: object): Promise<void>;

Возвращаемое значение​

Promise экспорта данных

Параметры​

  • config - (необязательный) объект с настройками экспорта. Вы можете указать следующие настройки для экспорта в PNG:
    • url?: string - (необязательный) url-адрес сервиса, который выполняет экспорт и возвращает экспортированный файл. Эта настройка необязательна, используйте её только если нужно указать путь к собственному сервису экспорта. Значение по умолчанию - https://export.dhtmlx.com/diagram/png/6.1.0
    • name?: string - (необязательный) имя экспортированного файла
    • header?: string - (необязательный) HTML-шаблон для верхнего колонтитула в экспортированном файле
    • footer?: string - (необязательный) HTML-шаблон для нижнего колонтитула в экспортированном файле

Пример​

const diagram = new dhx.Diagram("diagram_container", {
    // параметры конфигурации
});
diagram.data.parse(data);

// экспорт по умолчанию
diagram.export.png()
    .then(() => console.log("success"))
    .catch(() => console.log("failure"))
    .finally(() => console.log("finished"));

// экспорт с настройками конфигурации
diagram.export.png({
    name: "result_png"
})
    .then(() => console.log("success"))
    .catch(() => console.log("failure"))
    .finally(() => console.log("finished"));

Полезная статья: Экспорт диаграммы

Связанные примеры:

Need more help?Contact Support