echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

导出pdf,统计图部分为空白。

问题原因

由于代码中进行了dom字符串的复制,而echarts用canvas绘制,canvas内部内容不会进行复制,只会复制canvas节点,因此导出pdf空白。

解决办法

不获取复制节点,直接获取原生节点。但是会有一个问题,就是原生节点消失。因为appendchild会将原来节点移动到新的位置上,所以pdf导出之后原节点消失。

所以在生成pdf之后,将节点再放回父节点中

相关推荐
I'm Jie14 分钟前
深入了解 Vue 3 组件间通信机制
前端·javascript·vue.js
用户90443816324601 小时前
90%前端都踩过的JS内存黑洞:从《你不知道的JavaScript》解锁底层逻辑与避坑指南
前端·javascript·面试
PPPPickup2 小时前
easychat项目复盘---获取联系人列表,联系人详细,删除拉黑联系人
java·前端·javascript
老前端的功夫2 小时前
前端高可靠架构:医疗级Web应用的实时通信设计与实践
前端·javascript·vue.js·ubuntu·架构·前端框架
脾气有点小暴3 小时前
前端页面跳转的核心区别与实战指南
开发语言·前端·javascript
San30.4 小时前
深入 JavaScript 内存机制:从栈与堆到闭包的底层原理
开发语言·javascript·udp
Fantastic_sj4 小时前
Vue3相比Vue2的改进之处
前端·javascript·vue.js
ttod_qzstudio6 小时前
深入理解 TypeScript 数组的 find 与 filter 方法:精准查找的艺术
javascript·typescript·filter·find
冬男zdn6 小时前
优雅处理数组的几个实用方法
前端·javascript
克喵的水银蛇7 小时前
Flutter 通用标签选择组件:TagSelector 支持单选 / 多选
javascript·windows·flutter