Vue 导出PDF文件（导出pdf模糊，导出图片不全，导出不清晰问题）终极解决方案

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 

2. 定义了全局函数工具类 htmlToPdf.js

// 导出页面为PDF格式
import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
export default {
   
    install(Vue, options) {