Skip to content

本页由脚本自动生成,请勿手动编辑。如需补充说明,请使用 ::: tip 块。

Defined in: plugins/export/export.d.ts:4

Extends

Constructors

Constructor

ts
new ExportPlugin(host, pixelRatio?): ExportPlugin;

Defined in: plugins/export/export.d.ts:8

Parameters

ParameterType
hostEditorHost
pixelRatio?number

Returns

ExportPlugin

Overrides

BasePlugin.constructor

Properties

name

ts
name: string;

Defined in: plugins/export/export.d.ts:5

Overrides

BasePlugin.name


version

ts
version: string;

Defined in: plugins/export/export.d.ts:6

Overrides

BasePlugin.version


pixelRatio

ts
pixelRatio: number;

Defined in: plugins/export/export.d.ts:7

Methods

handleExportExcel()

ts
handleExportExcel(): void;

Defined in: plugins/export/export.d.ts:10

Returns

void


handleExportImage()

ts
handleExportImage(): void;

Defined in: plugins/export/export.d.ts:11

Returns

void


handleExportJSON()

ts
handleExportJSON(): void;

Defined in: plugins/export/export.d.ts:12

Returns

void


handleExportPdf()

ts
handleExportPdf(): void;

Defined in: plugins/export/export.d.ts:13

Returns

void


exportImage()

ts
exportImage(mimeType?, background?): void;

Defined in: plugins/export/export.d.ts:14

Parameters

ParameterType
mimeType?"image/png" | "image/jpeg"
background?string

Returns

void


exportJSON()

ts
exportJSON(): void;

Defined in: plugins/export/export.d.ts:15

Returns

void


exportPdf()

ts
exportPdf(): void;

Defined in: plugins/export/export.d.ts:16

Returns

void


elementsToDataURL()

ts
elementsToDataURL(mimeType?, background?): string;

Defined in: plugins/export/export.d.ts:17

Parameters

ParameterType
mimeType?"image/png" | "image/jpeg"
background?string

Returns

string


install()

ts
install(): void;

Defined in: types/base-plugin.d.ts:9

Returns

void

Inherited from

BasePlugin.install


uninstall()

ts
uninstall(): void;

Defined in: types/base-plugin.d.ts:10

Returns

void

Inherited from

BasePlugin.uninstall


activate()

ts
activate(): void;

Defined in: types/base-plugin.d.ts:11

Returns

void

Inherited from

BasePlugin.activate


deactivate()

ts
deactivate(): void;

Defined in: types/base-plugin.d.ts:12

Returns

void

Inherited from

BasePlugin.deactivate


使用示例

导出 PNG 图片

typescript
import { ExportPlugin } from 'vkedit'

host.installPlugin('export', ExportPlugin)
const exportPlugin = host.getPlugin<ExportPlugin>('export')

await exportPlugin?.exportPNG({
  dpm: 12,
  fileName: 'my-design',
})

导出 PDF 文档

typescript
await exportPlugin?.exportPDF({
  dpm: 12,
  fileName: 'my-design',
  pageSize: 'A4',
})

DPM 选择指南

  • 屏幕预览:DPM 8(默认值,文件体积小)
  • 普通打印:DPM 12(平衡清晰度和体积)
  • 高清打印:DPM 24+(最大清晰度,文件体积大)

导出是异步操作

exportPNGexportJPGexportPDF 均返回 Promise,需要 await。导出过程中不要修改画布内容。

基于 MIT 许可发布