html代码示例:
<div id="print">
你要导出的html
</div>
js引入:
<script type="text/javascript" src="../../../../public/js/html2canvas-0.4.1.js"></script>
<script type="text/javascript" src="../../../../public/js/jspdf.min.js"></script>
js:
$(".export").unbind("click");
$(".export").bind("click",function(){
html2canvas(document.getElementById("print"),{
dpi: 172,//导出pdf清晰度
allowTaint: true,
scale: 2, // 提升画面质量,但是会增加文件大小
onrendered: function (canvas) {
/**jspdf将html转为pdf一页显示不截断,整体思路:
* 1. 获取DOM
* 2. 将DOM转换为canvas