@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

相关推荐
killerbasd4 小时前
牧苏苏传 我不装了 4/7
前端·javascript·vue.js
大家的林语冰6 小时前
《前端周刊》尤大开源 Vite+ 全家桶,前端工业革命启动;尤大爆料 Void 云服务新产品,Vite 进军全栈开发;ECMA 源码映射规范......
前端·javascript·vue.js
M ? A8 小时前
Vue 迁移 React 实战:VuReact 一键自动化转换方案
前端·vue.js·经验分享·react.js·开源·自动化·vureact
Burt8 小时前
我的 2026 全栈选型:Vue3 + Elysia + Bun + AlovaJS
vue.js·全栈·bun
小锋java12348 小时前
SpringBoot 4 + Spring Security 7 + Vue3 前后端分离项目设计最佳实践
java·vue.js·spring boot
一 乐8 小时前
校园线上招聘|基于springboot + vue校园线上招聘系统(源码+数据库+文档)
java·数据库·vue.js·spring boot·论文·毕设·校园线上招聘系统
LanceJiang8 小时前
从输入 URL 到页面:一个 Vue 项目的“奇幻漂流”
vue.js
码喽7号9 小时前
vue学习四:Axios网络请求
前端·vue.js·学习
像素之间10 小时前
为什么运行时要加set NODE_OPTIONS=--openssl-legacy-provider && vue-cli-service serve
前端·javascript·vue.js
M ? A10 小时前
Vue转React实战:defineProps精准迁移实战
前端·javascript·vue.js·经验分享·react.js·开源·vureact