利用html2canvas将网页内容导出为pdf

本文内容需要用到两个js插件，html2canvas.js及jsPDF.js，其中利用html2canvas.js将html内容转换成图片Base64编码，然后利用jsPDF.js将图片转换成pdf。

引入js文件

<script src="js/html2canvas.js"></script><script src="js/jspdf.js"></script>

代码使用

$('.pdfExport').click(function(){    html2canvas(document.getElementById('id'), {        onrendered: function(canvas) {            var dataURI=canvas.toDataURL();            var doc=new jsPDF();            //doc.setFontSize(30);            //doc.text(35,35,'canvas');            doc.addImage(dataURI,'JPEG',0,0,0,0);            doc.save('Test.pdf')        }    });})

js插件介绍及使用

https://github.com/niklasvh/html2canvas
http://mrrio.github.io/