使用jspdf将网页转化成pdf(解决滚动条以外变成黑色问题及缺少echarts图表问题)

案例

    最近遇到一个这样的需求，前端需要将网页或者某个网页中的相关部分,生成pdf，在网上也找到了不少方法，但是拿来用了以后，不是pdf不全的问题，就是有黑色覆盖问题

比如含有黑色部分，页面看不到的滚动条下面就是黑色;

页面很全但是缺少echarts

最后，研究了很久，结合了两种不同的方法，成功将pdf导出。代码如下

首先需要引入相关js文件

<script src="https://cdn.bootcss.com/html2canvas/0.5.0-beta4/html2canvas.js"></script>
<script src="https://cdn.bootcss.com/jspdf/1.3.4/jspdf.debug.js"></script>

 

function exportpdf() {
    var element = $("#content");    // 这个dom元素是要导出pdf的div容器
    var w = element.width();    // 获得该容器