@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

相关推荐
开心工作室_kaic1 小时前
springboot476基于vue篮球联盟管理系统(论文+源码)_kaic
前端·javascript·vue.js
川石教育2 小时前
Vue前端开发-缓存优化
前端·javascript·vue.js·缓存·前端框架·vue·数据缓存
搏博2 小时前
使用Vue创建前后端分离项目的过程(前端部分)
前端·javascript·vue.js
isSamle2 小时前
使用Vue+Django开发的旅游路书应用
前端·vue.js·django
ss2733 小时前
基于Springboot + vue实现的汽车资讯网站
vue.js·spring boot·后端
武昌库里写JAVA3 小时前
浅谈怎样系统的准备前端面试
数据结构·vue.js·spring boot·算法·课程设计
TttHhhYy4 小时前
uniapp+vue开发app,蓝牙连接,蓝牙接收文件保存到手机特定文件夹,从手机特定目录(可自定义),读取文件内容,这篇首先说如何读取,手机目录如何寻找
开发语言·前端·javascript·vue.js·uni-app
CodeChampion5 小时前
61.基于SpringBoot + Vue实现的前后端分离-在线动漫信息平台(项目+论文)
java·vue.js·spring boot·后端·node.js·maven·idea
LCG元7 小时前
Vue.js实例开发-如何通过Props传递数据
vue.js
一个处女座的程序猿O(∩_∩)O9 小时前
完成第一个 Vue3.2 项目后,这是我的技术总结
前端·vue.js