echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

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

问题原因

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

解决办法

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

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

相关推荐
ZC跨境爬虫10 分钟前
跟着 MDN 学 HTML day_36:(深入理解 Comment 接口与 DOM 注释节点)
前端·javascript·ui·html·音视频·视频编解码
栉甜1 小时前
Js进阶(4)
开发语言·javascript·原型模式
村上小树2 小时前
非常简单地学习一下shareDB的原理
前端·javascript
Hilaku2 小时前
求求你们🙏 ,别再换打包工具了?
前端·javascript·程序员
用户新2 小时前
V8引擎 精品漫游指南--Ignition篇(下 二) JavaScript 栈帧详解
前端·javascript
得闲喝茶2 小时前
JavaScript在数据处理的应用
开发语言·前端·javascript·经验分享·笔记
tanis_20773 小时前
DeepSeek-TUI 也能读 PDF 了:Skill + MinerU CLI 终端文档解析实战
人工智能·后端·深度学习·pdf·csdn开发云
费曼学习法3 小时前
React Hooks 源码级揭秘:为什么必须按顺序调用?
javascript·react.js
之歆4 小时前
DAY_20JavaScript 条件语句与循环结构深度学习(二)
前端·javascript
布局呆星4 小时前
Vue3 路由守卫详解:全局守卫、路由独享守卫、组件内守卫
前端·javascript·vue.js