@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

相关推荐
qq_124987075314 分钟前
基于SpringBoot+Vue的旅游信息咨询网站的设计与实现(源码+论文+部署+安装)
java·vue.js·spring boot·毕业设计·旅游·计算机毕设·计算机毕业设计
jiayong231 小时前
Vue 3 面试题 - TypeScript 与工程化
前端·vue.js·typescript
koiy.cc1 小时前
新建 vue3 项目
前端·vue.js
qq_12498707532 小时前
基于springboot+vue的家乡特色旅游宣传推荐系统(源码+论文+部署+安装)
java·前端·vue.js·spring boot·毕业设计·计算机毕设·计算机毕业设计
pas1362 小时前
38-mini-vue 实现解析 element
前端·javascript·vue.js
Aotman_2 小时前
Vue <template v-for> key should be placed on the <template> tag.
前端·javascript·vue.js
A_nanda3 小时前
vue快速学习框架
前端·javascript·vue.js·学习·c#
刘一说3 小时前
Pinia状态持久化的“隐形陷阱“:为什么页面刷新后状态丢失?
前端·javascript·vue.js
那些免费的砖4 小时前
Uni ECharts - 基于 ECharts 开发的 uni-app 跨端图表解决方案,和 Vue ECharts 用法几乎一致
vue.js·uni-app·echarts
小马_xiaoen4 小时前
Vue3 + TS 实现长按指令 v-longPress:优雅解决移动端/PC端长按交互需求
前端·javascript·vue.js·typescript