useExport

useExport() предоставляет состояние и действия для панели экспорта выбранных объектов.

Он содержит:

• настройки экспорта;
• ID выбранных объектов;
• имя экспортируемого файла;
• доступные масштабы и форматы (идентификаторы formats и подписанные formatOptions).

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

import { useExport } from '@open-pencil/vue'

const exportState = useExport()

Базовый пример

const {
  settings,
  nodeName,
  scales,
  formats,
  formatOptions,
  addSetting,
  updateScale,
  updateFormat,
} = useExport()

Практические примеры

Добавить ещё один вариант экспорта

exportState.addSetting()

Изменить первый экспорт на 2x WEBP

exportState.updateScale(0, 2)
exportState.updateFormat(0, 'webp')

Связанные API

• useSelectionState
• useEditor