站内搜索:
首页 >> 前端 >> 内容
把当前页面的html内容转换成pdf下载的方法

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

把当前页面的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下载

  • 上一篇:单源最短路径 给出一个有向图,请输出从某一点出发到所有点的最短路径长度
  • 下一篇:Maven项目新建时,项目上出现红叉,但是项目内没有报错问题解决办法
  • 返回顶部