使用JS将当前html网页导出为pdf教程

云端网

很多网页都有一个导出pdf的按钮，点击后可以将网页内容导出为pdf文件下载下来，尤其是评测类的网站使用比较广泛，可以把评测报告导出为pdf下载下来，那么html网页导出为pdf是如何实现的呢，下面就一起来看看。

需要引入三个js文件：

代码部分：

function downloadSG(){
        html2canvas($('#appmsg'), {

        height:5000,
        onrendered: function(canvas) {
            var imgData = canvas.toDataURL('img/notice/png');
            var doc = new jsPDF('p', 'px','a3');
            //第一列 左右边距  第二列上下边距  第三列是图片左右拉伸  第四列 图片上下拉伸

            doc.addImage(imgData, 'PNG', -9, 0,650,1500);
            doc.addPage();
            doc.addImage(imgData, 'PNG', -9, -900,650,1500);
            doc.save('test.pdf');
        }

    });
}

关键代码解析：

是将当前页面转换成图片；

$('#') 是要转换为图片的页面范围；

:5000,这个高度要根据页面的大小灵活调整；

var doc = new jsPDF('p', 'px','a3'); p：横向，a3：纸张大小，默认是a4;

doc.(, 'PNG', -9, 0,650,1500);将转换后的图片放到pdf文档上，后面四个参数可根据实际效果灵活调整；

doc.(); 一页pdf显示不完整的时候，新增一页；

(云端网 )

www.ydw.org