echarts 导出pdf空白原因

问题阐述

页面样式:

导出pdf:

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

问题原因

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

解决办法

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

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

相关推荐
kyriewen19 小时前
屎山代码拆不动?微前端来救场:一个应用变“乐高城堡”
前端·javascript·前端框架
@大迁世界19 小时前
3月 React 圈又变天了
前端·javascript·react.js·前端框架·ecmascript
SuperEugene19 小时前
Vue3 配置驱动弹窗:JSON配置弹窗内容/按钮,避免重复开发弹窗|配置驱动开发实战篇
前端·javascript·vue.js·前端框架·json
WayneYang19 小时前
前端 JavaScript 核心知识点 + 高频踩坑 + 大厂面试题全汇总(开发 / 面试必备)
前端·javascript
小贵子的博客19 小时前
基于Vue3 和 Ant Design Vue实现Modal弹窗拖拽组件
前端·javascript·vue.js
asdzx6719 小时前
C#:从 URL 下载 PDF 文档到本地
开发语言·pdf·c#
阿凤2119 小时前
uniapp如何修改下载文件位置
开发语言·前端·javascript
小李子呢021119 小时前
前端八股---MVVM
前端·javascript·vue.js
你的牧游哥20 小时前
Electron核心api详解
前端·javascript·electron
05Nuyoah20 小时前
CSS 基础认知和基础选择器
前端·javascript·css·node.js