Vue 导出PDF文件终极解决方案
关于 Vue 导出 Echarts 统计图为 pdf 格式,网上许多作者给出了解决方案,但是都不能解决一些根本问题,比如导出的文件有灰边,模糊,内容不全等。
鉴于最近做的项目中需要导出高清统计图,我个人就花了半小时对齐进行了研究,研究结果还是不错的,解决了需求问题。
关于导出的问题:
案例1.导出 pdf 文件图片有灰边
案例2.导出文件图片模糊
案例3.导出图片不全
经过改善后的终极效果:
看完效果图就上代码:
导出时主要用到了2个插件:
1.html2Canvas
2. jsPDF
使用步骤:
1. 安装插件
html2canvas 将页面 html 转换成图片 npm install --save html2canvas jspdf将图片生成pdf npm install jspdf --save