@antv/x6 导出图片下载,或者导出图片为base64由后端去处理。

1、导出为文件的格式,比如 PNG

复制代码
graph.exportPNG(
      function (dataURL) {
        console.log(dataURL);
        let img = document.getElementById('img') as HTMLImageElement;
        img.src = dataURL;
      },
      {
        backgroundColor: '#fff',
        padding: [20, 20, 20, 20],
        quality: 1,
        width: graph.options.width,
        height: graph.options.height,
      },
    );

导出的时候,会弹出文件下载,或者自动下载文件。

2、导出为base64格式的图片

这个只要把1中的方法名称调换下就可以了。

3、这里面只可以导出背景色,不能导出图片背景。

4、官方地址:https://x6.antv.antgroup.com/tutorial/plugins/export#graphtosvg

相关推荐
LIUAWEIO13 小时前
vue里面下载配置使用zepto vue中怎样使用zepto
javascript·vue.js·es6·zepto
lantian13 小时前
TypeScript 三斜线指令完全指南:从入门到理解为什么不再需要它
前端·javascript·vue.js
布依前端13 小时前
基于 Vue 3 的 Tiptap 富文本编辑器实践:tiptap-editor-vue3 项目介绍
前端·javascript·vue.js
浮游本尊14 小时前
前端vue转后端java学习路径
java·前端·vue.js
我是小趴菜14 小时前
纯前端生成海报下载方案
前端·vue.js
颂love16 小时前
Vue核心语法(补充)
前端·javascript·vue.js
ct97816 小时前
vue开发中核心API
前端·javascript·vue.js
ct97817 小时前
vue-router + Pinia + Vuex
前端·javascript·vue.js
ct97817 小时前
vue2 + vue3差异点
前端·javascript·vue.js
八目蛛18 小时前
八目蛛网络(免费工具网站导航)
css·vue.js·开源·vue3·html5·ai编程