useExport

useExport() stellt State und Actions für ein Export-Panel bereit:

• Export settings;
• IDs der ausgewählten Objekte;
• Name der Output file;
• verfügbare Scales und Formats (formats-IDs und beschriftete formatOptions).

Verwendung

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

const exportState = useExport()

Beispiel

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

Weiteres Export setting

exportState.addSetting()

WEBP mit Scale 2×

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

Siehe auch

• useSelectionState
• useEditor