nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法
最近在项目中遇到需要把html页面转换为pdf的需求,并且转换成的pdf文件要保留原有html的样式和图片。也就是说,html页面的图片、表格、样式等都需要完整的保存下来。
最初找到三种方法来实现这个需求,这三种方法都只是粗浅的看了使用方法,从而找出适合这个需求的方案:
html-pdf 模块
wkhtmltopdf 工具
phantom 模块
最终使用了phantom模块,也达到了预期效果。现在简单的记录三种方式的使用方法,以及三者之间主要的不同之处。
1.html-pdf
github:https://github.com/marcbachmann/node-html-pdf
npm:https://www.npmjs.com/package/html-pdf
安装:
npm install -g html-pdf
使用命令行:
html-pdf /test/index.html index.pdf
这样便可以把index.html页面转换为对应的index.pdf文件。
使用代码:
var express = require('express');
var router = express.Router();
var pdf = require('html-pdf');
router.get('/url',function(req,res){
res.render('html',function(err,html){
html2Pdf(html,'html.pdf');
//........
});
});
/**
* 这种方法没有渲染样式和图片
* @param url
* @param pdfName
*/
exports.html2Pdf = function(html,pdfName){
var options = {format:true};
pdf.create(html,options).toFile(__dirname+'/'+pdfName,function(err,res){
if (err) return console.log(err);
console.log(res);
});
};
在测试过程中发现,生成的pdf文件中并没有支持样式渲染和图片加载,不能支持通过url直接加载html;但是在分页的支持上很好。
结果如下:
2、wkhtmltopdf
github:https://github.com/wkhtmltopdf/wkhtmltopdf
官方文档:https://wkhtmltopdf.org
npm:https://www.npmjs.com/package/wkhtmltopdf
wkhtmltopdf在效果上比较html-pdf要好很多,它支持样式渲染,图片加载,还可以通过url直接生成PDF文件。
但是安装上要麻烦得多。具体安装步骤参考这里
安装完毕之后,使用命令行:
wkhtmltopdf https://github.com github.pdf
即可生成对应的PDF文件。
代码使用:
var wkhtmltopdf = require('wkhtmltopdf');
var fs = require('fs');
// URL 使用URL生成对应的PDF
wkhtmltopdf('http://github.com', { pageSize: 'letter' })
.pipe(fs.createWriteStream('out.pdf'));
除了可以通过URL生成之外,还能通过HTML文件内容生成,就像HTML-PDF一样,只要有HTML格式的字符串就可以生成相应的PDF。
结果如下:
3、phantom 模块
github:https://github.com/amir20/phantomjs-node
官方文档:http://amirraminfar.com/phantomjs-node/
npm:https://www.npmjs.com/package/phantom
phantomjs是基于webkit的无头浏览器,提供相关的JavaScript API,nodejs就相当于对phantomjs的模块化封装,使得它能够在nodejs中使用。
模块安装:
node版本6.X以上的:
npm install phantom –save
node版本5.X的:
npm install phantom@3 –save
node版本4.X及以下的:
npm install phantom@2 –save
以下的例子都是基于node 4.x
代码使用:
var phantom = require('phantom');
phantom.create().then(function(ph) {
ph.createPage().then(function(page) {
page.open("https://www.oracle.com/index.html").then(function(status) {
page.property('viewportSize',{width: 10000, height: 500});
page.render('/oracle10000.pdf').then(function(){
console.log('Page rendered');
ph.exit();
});
});
});
});
代码中,phantom能够通过URL转换为相应的PDF,而且能够通过 page.property('viewportSize',{width:width,height:height}) 来设置生成的PDF的宽度和高度。
此例phantom中并没有分页,它是以整个浏览器截图的形式,获取全文,转化为PDF格式。
选择phantom的主要原因就是便于设置PDF的宽度,更能兼容HTML的排版。
结果如下:
nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法相关推荐
- nodejs+html转换pdf,Nodejs中使用phantom将html转为pdf或图片格式的方法.pdf
Nodejs中中使使用用phantom将将html转转为为pdf或或图图片片格格式式的的方方法法 最近在项目中遇到需要把html页面转换为pdf 的需求,并且转换 的pdf文件要保留原有html的样式 ...
- 各种PDF转换问题(三).将AutoCAD图纸转为PDF文档
目前国内企业生产的自动化程度并不是很高,大多数都无法使用三维图直接进行加工生产,所以二维图对于大多数企业来说,仍然是最根本的生产依据.那么,在企业中,二维图转PDF就是一个很重要的小步骤,因为后续的打 ...
- 计算机无法快速预览pdf,电脑中无法使用火狐浏览器预览PDF文档怎么解决
在火狐浏览器中具有在网页中支持打开PDF文档的功能.有用户在使用Firefox打开PDF文档时却被提示需要保存文件,而不能直接在页面中预览.如果遇到上述的情况,我们应该如何操作才能在火狐浏览器中直 ...
- CAD手机看图软件中怎么将CAD图纸转为PDF/图片格式?
在使用CAD手机看图软件查看CAD图纸的时候,偶尔会遇到需要将CAD图纸转为PDF/图片格式的情况,这个时候该如何进行操作呢?下面给大家介绍一下在CAD手机看图软件浩辰CAD看图王中是如何进行操作的吧 ...
- 【SpringBoot】40、SpringBoot中使用Aspose将文件转为PDF实现在线预览
一.简介 Aspose 是 .NET 和 Java 开发组件以及为 Microsoft SQL Server Reporting Services 和 JasperReports 等平台提供渲染扩展的 ...
- html 转换成 pdf js,JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
本文实例讲述了JS实现的将html转为pdf功能.分享给大家供大家参考,具体如下: jsPDF插件 HTML content... 中文 中国,汉字,测试:合同 模版 中国中国中国中国中国中国中国中国 ...
- python html转pdf 调整大小_用Python将HTML转为PDF。
上期提到了如何获取公众号文章信息,这回就说下怎么将网页转为PDF,方便平常学习. 然后扩散一下之前一个比赛的结果(华章计算机抖音大赛). 顺便谈谈自己对今后送书的一个想法. 另外之前的送书活动,有中奖 ...
- php silk文件转换pcm,微信小程序录音silk文件格式转换为MP3及PCM格式的方法
关于silk文件如何转码为MP3或PCM格式的方法 介绍:最近在做微信小程序的人工客服,需要用到百度AI语音识别,但是因为微信的录音文件格式为 .silk,但是百度AI识别的格式应该为PCM或者WAV ...
- 金闪PDF编辑器:如何更改PDF文件中的字体?
我们在编辑一篇文章的时候,会根据文章的标题或重点来设置不同的字体,不仅可以使文章内容整体更加整洁美观,还可以突出文章的重点,让我们阅读起来更加方便.大家都知道在编辑Word的时候如何更改字体,但是如果 ...
最新文章
- neo4j设置节点或者边的显示,包括颜色、属性、大小
- vue 怎么在字符串中指定位置插入字符_vue项目中在可编辑div光标位置插入内容的实现代码...
- 23种基本设计模式简介
- linux监控命令详解
- Linux基础优化方法(一)———优化命令提示符和yum源仓库
- 关于c语言的符号常量以下叙述中正确的是,关于C语言的符号常量,以下叙述中正确的是( )...
- C程序对整数中设置为1的位数进行计数
- Spring Cloud微服务之Nacos服务注册(九)
- mysql表结构定义_Mysql表结构定义及相关语法
- 朱广权李佳琦直播掉线,1.2 亿人在线等
- 计算机组成原理 多级中断,计算机组成原理的大神们能不能帮忙做几道题啊
- join为什么每个字符都分割了 js_js如何截取以逗号隔开的字符串
- 手把手教你用python写游戏
- 十八、可视化任务调度系统airflow
- 7-设计模式之行为模式(模板方法、策略、命令、责任链)
- 2.计蒜客ACM题库.A1002 字符串长度
- igbt原理动画演示视频_IGBT的结构与工作原理 测量方法详细讲解
- 关于计算机教育的图表,计算机教育箭头环形图表PPT模版.ppt
- 关闭 135 139 445 转
- 题解-怪盗基德的滑翔翼 c++
热门文章
- 面试:Java反射到底慢在哪?
- 错把一加当苹果,美国海关侵权大案糗大了:被网友无情嘲讽
- Nginx配置中一个不起眼字符/的巨大作用,失之毫厘谬以千里
- TCP 协议面试灵魂 12 问 | 强势整理
- 如何使用Arthas定位线上 Dubbo 线程池满异常
- 帝国cms后台上传大视频上传m3u8批量上传一次多个的解决思路和方法
- Don‘t support broadcast for binaryOp,
- 即插即用 | S-FPN全新的金字塔网络,更适合轻量化模型的FPN
- Deepsort_V2 2020中兴捧月阿尔法赛道多目标检测和跟踪初赛第一名
- acess dao示例