nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法.pdf

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是基

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值