echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

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

问题原因

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

解决办法

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

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

相关推荐
全栈前端老曹3 小时前
【MongoDB】Node.js 集成 —— Mongoose ORM、Schema 设计、Model 操作
前端·javascript·数据库·mongodb·node.js·nosql·全栈
低代码布道师4 小时前
Next.js 16 全栈实战(一):从零打造“教培管家”系统——环境与脚手架搭建
开发语言·javascript·ecmascript
一位搞嵌入式的 genius5 小时前
深入 JavaScript 函数式编程:从基础到实战(含面试题解析)
前端·javascript·函数式
choke2335 小时前
[特殊字符] Python 文件与路径操作
java·前端·javascript
wuhen_n6 小时前
JavaScript内置数据结构
开发语言·前端·javascript·数据结构
鹿心肺语6 小时前
前端HTML转PDF的两种主流方案深度解析
前端·javascript
一个懒人懒人7 小时前
Promise async/await与fetch的概念
前端·javascript·html
xiaoxue..8 小时前
合并两个升序链表 与 合并k个升序链表
java·javascript·数据结构·链表·面试
要加油哦~8 小时前
AI | 实践教程 - ScreenCoder | 多agents前端代码生成
前端·javascript·人工智能
一个public的class9 小时前
你在浏览器输入一个网址,到底发生了什么?
java·开发语言·javascript