最近要為我們的文章服務(wù)做一個(gè)轉(zhuǎn)pdf的功能。經(jīng)過比較，我覺得phantomjs是轉(zhuǎn)化比較好的?，F(xiàn)在講講如何使用。

主要從事網(wǎng)頁設(shè)計(jì)、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、wap網(wǎng)站建設(shè)（手機(jī)版網(wǎng)站建設(shè)）、響應(yīng)式網(wǎng)站建設(shè)、程序開發(fā)、微網(wǎng)站、微信小程序等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了豐富的網(wǎng)站設(shè)計(jì)、成都做網(wǎng)站、網(wǎng)絡(luò)營銷經(jīng)驗(yàn)，集策劃、開發(fā)、設(shè)計(jì)、營銷、管理等多方位專業(yè)化運(yùn)作于一體，具備承接不同規(guī)模與類型的建設(shè)項(xiàng)目的能力。

環(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用來轉(zhuǎn)化，會存在一些問題：

• 中文亂碼
• 字體粗細(xì)不一致

解決方式：

1：中文亂碼

yum -y install bitmap-fonts bitmap-fonts-cjk
2：字體粗細(xì)不一致

這是centos不存在字體的原因，可以導(dǎo)入字體。

• 安裝字體管理工具： yum install -y fontconfig mkfontscale
• 訪問 c:\windows\fonts，把需要的字體copy出來。然后上傳到服務(wù)器上的 /usr/share/fonts下
• 執(zhí)行 mkfontscale, mkfontdir, fc-cache -fv三個(gè)命令，然后重啟服務(wù)器（Reboot）即可。

代碼使用

現(xiàn)在開始，就可以寫代碼了：

import phantom from 'phantom';
const pageToPdf = (url) => {
 phantom.create().then((ph) {
 ph.createPage().then((page) => {
  page.open(url).then((status) => {
  // 配置存儲的pdf地址
  page.render('存儲的地址.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é)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對創(chuàng)新互聯(lián)網(wǎng)站的支持！