phantomjs導(dǎo)出html到pdf的方法總結(jié)
最近要為我們的文章服務(wù)做一個(gè)轉(zhuǎn)pdf的功能。經(jīng)過(guò)比較，我覺(jué)得phantomjs是轉(zhuǎn)化比較好的?，F(xiàn)在講講如何使用。
環(huán)境
centos x86_64
下載
可以到官網(wǎng)下載: 官網(wǎng)
或者wget也可以:
wget -P /tmp/ https://bitbucket.org/ariya/phantomjs/downloads/phantomjs-2.1.1-linux-x86_64.tar.bz2
安裝
// 解壓 tar xjf /tmp/phantomjs-2.1.1-linux-x86_64.tar.bz2 -C /usr/local/ // 重命名 mv /usr/local/phantomjs-2.1.1-linux-x86_64 /usr/local/phantomjs // 建立軟連接 ln -s /usr/local/phantomjs/bin/phantomjs /usr/local/bin/ 現(xiàn)在可以在終端執(zhí)行phantomjs --version查看是否安裝成功
配置
現(xiàn)在還不夠，光phantomjs用來(lái)轉(zhuǎn)化，會(huì)存在一些問(wèn)題：
- 中文亂碼
- 字體粗細(xì)不一致
解決方式：
1：中文亂碼
yum -y install bitmap-fonts bitmap-fonts-cjk
2：字體粗細(xì)不一致
這是centos不存在字體的原因，可以導(dǎo)入字體。
- 安裝字體管理工具： yum install -y fontconfig mkfontscale
- 訪問(wèn) c:\windows\fonts，把需要的字體copy出來(lái)。然后上傳到服務(wù)器上的 /usr/share/fonts下
- 執(zhí)行 mkfontscale, mkfontdir, fc-cache -fv三個(gè)命令，然后重啟服務(wù)器（Reboot）即可。
代碼使用
現(xiàn)在開(kāi)始，就可以寫(xiě)代碼了：
import phantom from 'phantom';
const pageToPdf = (url) => {
phantom.create().then((ph) {
ph.createPage().then((page) => {
page.open(url).then((status) => {
// 配置存儲(chǔ)的pdf地址
page.render('存儲(chǔ)的地址.pdf').then((status) => {
console.log('Page rendered');
ph.exit();
});
});
});
});
};
pageToPdf('https://www.tongbanjie.com');
結(jié)果
ok，現(xiàn)在可以部署代碼試一下了。
總結(jié)
以上所述是小編給大家介紹的phantomjs導(dǎo)出html到pdf的方法總結(jié)，希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
相關(guān)文章
去除圖像或鏈接黑眼圈的兩種方法總結(jié)...2007-06-06
以下代碼是對(duì)JS文本框的默認(rèn)值處理進(jìn)行了介紹，需要的朋友可以參考下2013-07-07
在小程序、h5等地方中,常常會(huì)用到下拉刷新這個(gè)功能,今天來(lái)講解實(shí)現(xiàn)這個(gè)功能的三種方式：全局下拉刷新,組件局部下拉刷新,嵌套組件下拉刷新,,文中通過(guò)代碼示例講解的非常詳細(xì),需要的朋友可以參考下2025-02-02
js實(shí)現(xiàn)搜索框關(guān)鍵字智能匹配代碼
這篇文章主要為大家分享了js實(shí)現(xiàn)搜索框關(guān)鍵字智能匹配代碼，感興趣的朋友可以參考一下2016-01-01
JS小功能(offsetLeft實(shí)現(xiàn)圖片滾動(dòng)效果)實(shí)例代碼
這篇文章主要介紹了offsetLeft實(shí)現(xiàn)圖片滾動(dòng)效果實(shí)例代碼，有需要的朋友可以參考一下2013-11-11
JavaScript實(shí)現(xiàn)的類字典插入或更新方法實(shí)例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)的類字典插入或更新方法,實(shí)例分析了javascript針對(duì)類字典的插入與更新技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家介紹了uniapp路由uni-simple-router使用示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-07-07
js 有框架頁(yè)面跳轉(zhuǎn)(target)三種情況下的應(yīng)用
本文主要介紹下有框架頁(yè)面的跳轉(zhuǎn)：跳出框架，在父頁(yè)面；從一個(gè)框架跳轉(zhuǎn)到 name=main的框架里；ContentList 當(dāng)前頁(yè)的iframe名字，感興趣的朋友可以了解下哈2013-04-04
JAVASCRIPT模式窗口中下載文件無(wú)法接收iframe的流
模式窗口中下載文件，有時(shí)在下載時(shí)發(fā)現(xiàn)服務(wù)器無(wú)法接收iframe的流，因?yàn)樵谀Ｊ酱翱谥袥](méi)有觸發(fā)iframe的src重新定向事件2013-10-10
十個(gè)利用JavaScript實(shí)現(xiàn)的愛(ài)心動(dòng)畫(huà)特效
情人節(jié)將至，程序員證明自己不是直男的時(shí)候到啦！小編為大家準(zhǔn)備了十個(gè)通過(guò)JavaScript實(shí)現(xiàn)的愛(ài)心動(dòng)畫(huà)特效，快學(xué)起來(lái)，到時(shí)候給女朋友一個(gè)驚喜吧2022-02-02