之前有個需求，將頁面轉為pdf，當時使用itext轉換，但是呢樣式與實際在瀏覽器中開啟的樣式存在差異。比如選擇項長得不一樣，CheckBox長得不一樣，這就不行，需求要跟瀏覽器開啟一模一樣，後經過多方面查詢，終於找到一個靠譜點的解決方案：使用phantomjs外掛。

首先下載 phantomjs 外掛：

這個外掛各個版本都有些小bug，我這裡使用的是1.9.7。 高版本存在問題是：table中跨列的單元格左側邊框不顯示。

低版本能顯示，但是也存在問題：table 中跨列的單元格的左側的單元格高度不正確，如下圖：（理論上左側三行高度應該平均分配）

使用phantomjs ：

一、下載後，解壓到目錄，我這裡解壓到C盤：（根據專案需求，可放在專案中，然後獲取專案根目錄來取到檔案目錄）

二、建立一個js檔案：html2pdf.js，我這裡放在資料夾phantom下。

內容如下：

var page = require('webpage').create();
var system = require('system');

////讀取命令列引數，也就是js檔案路徑。
if (system.args.length === 1) {
  console.log('Usage: loadspeed.js <some URL>');
//這行程式碼很重要。凡是結束必須呼叫。否則phantomjs不會停止
  phantom.exit();
}
page.settings.loadImages = true;  //載入圖片
page.settings.resourceTimeout = 30000;//超過10秒放棄載入
//截圖設定，
//page.viewportSize = {
//  width: 1000,
//  height: 3000
//};
var address = system.args[1];
page.open(address, function(status) {
	
	function checkReadyState() {//等待載入完成將頁面生成pdf
        setTimeout(function () {
            var readyState = page.evaluate(function () {
                return document.readyState;
            });

            if ("complete" === readyState) {
                
				page.paperSize = { width:'297mm',height:'500mm',orientation: 'portrait',border: '1cm' };
				var timestamp = Date.parse(new Date());
				var pdfname = 'HT_'+timestamp + Math.floor(Math.random()*1000000);
				var outpathstr = "E:/POMFiles/HTPDF/"+pdfname+".pdf";
				page.render(outpathstr);
				//page.render("c://test.png");
				//console.log就是傳輸回去的內容。
				console.log("生成成功");
				console.log("$"+outpathstr+"$");
				phantom.exit(); 
				
            } else {
                checkReadyState();
            }
        },1000);
    }
    checkReadyState();
});
 

三、Java中呼叫：

package com.eweaver.base.util;

import java.io.BufferedReader;
import java.io.IOException;
import java.io.InputStream;
import java.io.InputStreamReader;

/**
 * 轉換html為pdf
 * 
 * @author xiongfan
 * 
 */
public class Html2pdf {

	public static String parseHtml2Pdf(String url) throws IOException {
		System.out.println(url);
		//執行phantomjs 生成js 
		Runtime rt = Runtime.getRuntime();
		Process p = rt.exec("C:\\phantom\\bin\\phantomjs.exe C:\\phantom\\html2pdf.js "+url);
		InputStream is = p.getInputStream();
		BufferedReader br = new BufferedReader(new InputStreamReader(is));
		StringBuffer sbf = new StringBuffer();
		String tmp = "";
		while ((tmp = br.readLine()) != null) {
			sbf.append(tmp);
		}
		String resultstr = sbf.toString();
		String[] arr = resultstr.split("\\$");
		String result = "";
		for(String s : arr){
			if(s.endsWith("pdf"))result = s;
		}
		return result;
	}

}
 

呼叫 parseHtml2Pdf（）方法，就可以將html頁面轉換為pdf了。路徑也可以定義。我這邊直接固定寫死了。

關於跨行的單元格左側行高不一致問題，我的解決方法是在頁面中加入js程式碼，自動為跨行所涉及到的tr計算行高，並賦值，這樣就解決了，程式碼就不貼了。