Nodejs中中使使用用phantom将将html转转为为pdf或或图图片片格格式式的的方方法法
最近在项目中遇到需要把html页面转换为pdf 的需求,并且转换 的pdf文件要保留原有html的样式和图片。也就是说,html页面
的图片、表格、样式等都需要完整的保存下来。
最初找到三种方法来实现这个需求,这三种方法都只是粗浅的看了使用方法,从而找出适合这个需求的方案:
html-pdf 模块
wkhtmltopdf 工具
phantom 模块
最终使用了phantom模块,也达到了预期效果。现在简单的记录三种方式的使用方法,以及三者之间主要的不同之处。
1.html-pdf
github:/marcbachmann/node-html-pdf
npm :https://www .npmj /package/html-pdf
安装:
npm install -g html-pdf
使用命令行:
html-pdf /test/index.html index.pdf
这样便可以把index .html页面转换为对应的index .pdf文件。
使用代码:
1 var express = req ire('express');
2 var ro ter = express.Ro ter();
3 var pdf = req ire('html-pdf ');
4
5 ro ter.get('/ rl',function(req,res){
6 res.render('html',function(err,html){
7 html2Pdf(html,'html.pdf ');
8 //
9 });
10 });
11
12 /**
13 * 这种方法没有渲染样式和图片
14 * @param rl
15 * @param pdfName
16 */
17 exports.html2Pdf = function(html,pdfName){
18 var options = {format:true};
19 pdf.create(html,options).toFile(__dirname+ '/'+pdfName,function(err,res){
20 if (err) return console.log(err);
21 console.log(res);
22 });
23 };
在测试过程中发现,生 的pdf文件中并没有支持样式渲染和图片加载,不能支持通过url直接加载html;但是在分页的支持上很
好。
结果如下:
2、、wkhtmltopdf
github:/wkhtmltopdf/wkhtmltopdf
官方文档:
npm :https://www .npmj /package/wkhtmltopdf
wkhtmltopdf在效果上比较html-pdf要好很多,它支持样式渲染,图片加载,还可以通过url直接生 PDF文件。
但是安装上要麻烦得多。具体安装步骤参考这里
安装完毕之后,使用命令行:
wkhtmltopdf https://gith gith b.pdf
即可生 对应的PDF文件。
代码使用:
1 var wkhtmltopdf = req ire('wkhtmltopdf ');
2 var fs = req ire('fs');
3
4
5 // URL 使用URL生 对应的PDF
6 wkhtmltopdf('http://gith ', { pageSize: 'letter' })
7 .pipe(fs.createWriteStream('o t.pdf '));
除了可以通过U L生 之外,还能通过HT ML文件内容生 ,就像HT ML-PDF一样,只要有HT ML格式的字符串就可以生 相应的
PDF。
结果如下:
3、、phantom 模模块块
github:/amir20/phantomj s-node
官方文档:/phantomj s-node/
npm :https://www .npmj /package/phantom
phantomj s是基