您现在的位置:首页 >> 前端 >> 内容

把当前页面的html内容转换成pdf下载的方法

时间:2017/10/19 8:35:00 点击:

  核心提示:把当前页面的html内容转换成pdf下载首先引入jspdf.debug.js和html2canvas.js,这两个js网上可以找到然后加入下面script代码script$(document).rea...

把当前页面的html内容转换成pdf下载

首先引入jspdf.debug.js和html2canvas.js,这两个js网上可以找到

然后加入下面script代码

<script>  
$(document).ready(function(){  
    html2canvas(document.getElementById("content"), {  
        onrendered: function(canvas) {  
  
            //通过html2canvas将html渲染成canvas,然后获取图片数据  
            var imgData = canvas.toDataURL('image/jpeg');  
  
            //初始化pdf,设置相应格式  
            var doc = new jsPDF("p", "mm", "a4");  
  
            //这里设置的是a4纸张尺寸  
            doc.addImage(imgData, 'JPEG', 0, 0,210,297);  
  
            //输出保存命名为content的pdf  
            doc.save('content.pdf');  
            window.location.href="${pageContext.request.contextPath}/mobile/index.do";  
        }  
    });  
      
})  
</script> 

content为要转换为pdf的标签内容例如...则会把body内所有内容转为pdf下载

作者:网络 来源:h112002392