导出图片

使用方式

第一步: 注册插件

import LogicFlow from '@logicflow/core';
import { Snapshot } from '@logicflow/extension';

LogicFlow.use(Snapshot);

第二步: 通过第一步，将插件注册到LogicFlow上，使LogicFlow实例上多了一个实例方法 lf.getSnapshot

const lf = new LogicFlow({
  container: document.querySelector('#graph'),
  width: 700,
  height: 600,
});
// 可以使用任意方式触发，然后将绘制的图形下载到本地磁盘上
document.getElementById('download').addEventListener('click', () => {
  lf.getSnapshot()
})

值得一提的是：通过此插件截取下载的图片不会因为偏移、缩放受到影响。

示例