X6流程图使用插件导出

X6 是一款强大的 JavaScript 绘图库，支持绘制流程图和其他类型的图形。你可以使用 X6 自带的导出功能来将绘制的流程图导出为多种格式，例如 PNG、SVG、PDF 等格式。X6 支持使用插件来扩展导出功能。

以下是一个示例代码，演示如何使用 X6 插件导出流程图：

import { Graph, PluginManager } from '@antv/x6'

// 创建一个 Graph 对象
const graph = new Graph({
  container: document.getElementById('container'),
  width: 800,
  height: 600,
})

// 创建一个插件管理器对象
const pluginManager = new PluginManager(graph)

// 加载导出插件
pluginManager.load('to-png')

// 导出流程图为 PNG 格式
graph.toPNG((dataUri) => {
  // 将 dataUri 赋值给图片标签的 src 属性，即可在页面上显示导出的图片
  const img = document.createElement('img')
  img.src = dataUri
  document.body.appendChild(img)
})

在上述代码中，我们首先创建了一个 `Graph` 对象，然后创建了一个插件管理器对象 `pluginManager`。接下来，我们调用 `pluginManager.load('to-png')` 方法来加载导出插件，这里我们加载了一个名为 `to-png` 的插件，该插件可以将流程图导出为 PNG 格式。最后，我们调用 `graph.toPNG()` 方法来导出流程图，并在回调函数中获取导出的 PNG 图片数据，将其赋值给一个图片标签的 `src` 属性，即可在页面上显示导出的图片。

除了导出 PNG 格式，X6 还支持导出 SVG、PDF 和 JSON 等格式，你可以根据需要加载相应的插件来扩展导出功能。