将HTML 转为pdf

项目中有需求把 html页面显示转为pdf, 于是找了个例子，具有可行性的是这个
JS 如何将 HTML 页面导出为 PDF 该博主给了方法，使用了 html2canvas 和 jspdf 两个js 库来操作的，两个库的github地址分别是
1. https://github.com/niklasvh/html2canvas
2. https://github.com/MrRio/jsPDF

博主核心方法：

document.getElementById("btn-html2canvas").onclick = 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的pdfdoc.save('content.pdf');}});}

本人在实际中使用发现无法实现功能，继续翻了github 该项目文档，发现写法已经变了，原来是和博主使用的版本不一致导致的：
github上

html2canvas 官方例子：

html2canvas(document.body).then(function(canvas) {document.body.appendChild(canvas);
});

jspdf 官方例子：

//Then you're ready to start making your document:// Default export is a4 paper, portrait, using milimeters for units
var doc = new jsPDF()doc.text('Hello world!', 10, 10)
doc.save('a4.pdf')//If you want to change the paper size, orientation, or units, you can do:// Landscape export, 2×4 inches
var doc = new jsPDF({orientation: 'landscape',unit: 'in',format: [4, 2]
})doc.text('Hello world!', 1, 1)
doc.save('two-by-four.pdf')

于是本人改进了方法如下：

html2canvas(document.getElementById("content")).then(function(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的pdfdoc.save('content.pdf');});

这里只改变了html2canvas 的方法就生效了。

将HTML 转为pdf相关推荐

python 怎么将数组转为列表_图片转换成pdf格式怎么操作？什么软件能将图片转为pdf？...
伙伴们好,你们知道如何把图片转为pdf格式吗?前一阵子我参加了一个家居行业大会,在会议上拍摄了不少会议照片,包括主持人讲话.嘉宾出席.观众提问.产品推广等环节都拍摄了不同的角度.拍摄好后,需要传送给写 ...
php mpdf html 转pdf,使用 MPDF 将HTML转为PDF，然后将该PDF转为PNG图片的时候，中文报错... ......
第一步: 使用 MPDF(版本6.1) 将 HTML 页面转为PDF文件,可以转成功.代码如下: $html = "对盲人初学者来说,它无需任何额外的修改."; // $html ...
python将数字转为0010_用Python将HTML转为PDF。
上期提到了如何获取公众号文章信息,这回就说下怎么将网页转为PDF,方便平常学习. 然后扩散一下之前一个比赛的结果(华章计算机抖音大赛). 顺便谈谈自己对今后送书的一个想法. 另外之前的送书活动,有中奖 ...
java 图片合成pdf_java将多张图片合并转为PDF
所需jar包:com.lowagie.text package weaver.gy.util; import java.awt.image.BufferedImage; import java.io. ...
怎么将ppt转为pdf？
PPT这个词,就是演示的代名词,比如工作报告,数据报告,各种演示文件都能在PPT上被制作出来,需要做的也就是打字添加图片排班等,但是我们需要把PPT转换为Word的时候却又无从下手,今天就把最效率的方 ...
php mpdf html 转pdf,使用 MPDF 将HTML转为PDF，然后将该PDF转为PNG图片的时候，中文报错... ...汗血宝马...
第一步: 使用 MPDF(版本6.1) 将 HTML 页面转为PDF文件,可以转成功.代码如下: $html = "对盲人初学者来说,它无需任何额外的修改."; // $html ...
php html转为pdf文件,php使用wkhtmltopdf实现html转pdf
项目中有需求将html页面实时转为pdf并提供下载.经过各种查找比对,最终使用了wkhtmltopdf工具来实现. wkhtmltopdf,可以很方便的将输入的url渲染并打印成pdf文件.当然也有一 ...
java pdf中文乱码_java转pdf（html转为pdf）,解决中文乱码，标签不规范等问题
第一步,下载jar包以及建对应的文件夹.注意pd4ml的jar要选择pro版本.然后建一个pd4fonts.properties 里面对应的字体. SimSun = simsun.ttf 前面为变量名 ...
python将html存为pdf_用Python将HTML转为PDF。
上期提到了如何获取公众号文章信息,这回就说下怎么将网页转为PDF,方便日常学习.html 而后扩散一下以前一个比赛的结果(华章计算机抖音大赛).数据库顺便谈谈本身对从此送书的一个想法.微信另外以前 ...
php将word转txt,PHP如何将将word文件转为pdf
PHP将word文件转为pdf的方法:首先修改[php.ini],并重启环境:然后安装微软office套件:最后配置office组件服务即可. PHP将word文件转为pdf的方法: 1.修改php. ...

将HTML 转为pdf

将HTML 转为pdf

将HTML 转为pdf相关推荐

最新文章

热门文章