js实现html网页直接转pdf
来源:互联网 发布:数据防泄漏国内厂家 编辑:程序博客网 时间:2024/05/07 17:17
<script type="text/javascript" src="./js/html2canvas.js"></script><script type="text/javascript" src="./js/jsPdf.debug.js"></script><script type="text/javascript"> var downPdf = document.getElementById("renderPdf"); downPdf.onclick = function() { html2canvas(document.body, { onrendered:function(canvas) { var contentWidth = canvas.width; var contentHeight = canvas.height; //一页pdf显示html页面生成的canvas高度; var pageHeight = contentWidth / 592.28 * 841.89; //未生成pdf的html页面高度 var leftHeight = contentHeight; //pdf页面偏移 var position = 0; //a4纸的尺寸[595.28,841.89],html页面生成的canvas在pdf中图片的宽高 var imgWidth = 595.28; var imgHeight = 592.28/contentWidth * contentHeight; var pageData = canvas.toDataURL('image/jpeg', 1.0); var pdf = new jsPDF('', 'pt', 'a4'); //有两个高度需要区分,一个是html页面的实际高度,和生成pdf的页面高度(841.89) //当内容未超过pdf一页显示的范围,无需分页 if (leftHeight < pageHeight) { pdf.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight ); } else { while(leftHeight > 0) { pdf.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight) leftHeight -= pageHeight; position -= 841.89; //避免添加空白页 if(leftHeight > 0) { pdf.addPage(); } } } pdf.save('content.pdf'); } }) } </script>
需要引入html2canvas.js和jsPdf.debug.js,触发点击事件,直接把该页面html转pdf
阅读全文
0 0
- js实现html网页直接转pdf
- ppt如何直接转换成pdf格式
- 怎么把pdf直接转换成word
- Office下Word直接转换成Pdf格式!
- 将JPG图片直接转换成PDF软件操作步骤
- ppt格式怎么直接转换成pdf文件
- ppt幻灯片如何直接转换成pdf电子书
- 如何把word直接转换成pdf文件格式
- vi内容直接转换成网页的命令
- JAVA中把WORD文档直接转换成html
- JAVA中把WORD文档直接转换成html
- JAVA中把WORD文档直接转换成html
- java程序把word文档直接转换成html文件
- Java程序把Word文档直接转换成Html文件-开发频道-Java-天极网
- (Jacob)Java程序把Word文档直接转换成Html文件
- Jacob Java程序把Word文档直接转换成Html文件
- 纯js实现html转pdf
- 纯js实现html转pdf
- 面试题1
- 我今天遇见的hql和纯sql的坑
- 模拟Android内存不足 activity回收 值保存 状态恢复
- ios-KVC深入
- Linux (Ubuntu/deepin等)终端命令安装Lamp
- js实现html网页直接转pdf
- Android meta-data代码中调用
- Kaggle泰坦尼克预测(完整分析)
- 高斯列主元消去法
- hihocoder 1636(2017北京区域赛J)(区间dp)
- Python实现Kerberos用户的增删改查
- 进度条(二)
- 元数据编辑器-周记(一)
- iOS重签名探索