HTML轉PDF - 使用Pechkin套件

剛好跟人討論到HTML轉PDF需求，便對工具進行簡單評估以備不時之需。

網路上比較多人推的是WkHtmlToPdf，如果是用.NET開發，已經有人包成NuGet套件，直接搜尋pechkin就可找到，它有兩個版本: Pechkin適用單執行緒，如要非同步執行請選用Pechkin.Synchronized。

安裝NuGet套件後，相關Unmanage DLL也會一併下載並加入專案，不用額外安裝HkHtmlToPdf就可開始寫程式，十分方便。但由於Unmanaged部分為32位元，記得要將專案目標平台切成x86。

參考Pechkin作者在GitHub的FAQ，我寫了一個簡單範例，分別將Google新聞首頁及自己產生的HTML轉成PDF:

using System;

using System.Collections.Generic;

using System.IO;

using System.Linq;

using System.Text;

using Pechkin;

namespace Html2Pdf

    class Program

        static void Main(string[] args)

            var config = new GlobalConfig();

            var pechkin = new SimplePechkin(config);

            ObjectConfig oc = new ObjectConfig();

            oc.SetPrintBackground(true)

                .SetLoadImages(true)

                .SetPageUri("http://news.google.com.tw/");

            byte[] pdf = pechkin.Convert(oc);

            File.WriteAllBytes("d:\\temp\\google-news.pdf", pdf);

            string html = @"

<html><head><style>

body { background: #ccc; }

div {

width: 200px; height: 100px; border: 1px solid red; border-radius: 5px;

margin: 20px; padding: 4px; text-align: center;

</style></head>

<body>

<div>Jeffrey</div>

<script>document.write('<span>Generated by JavaScript</span>');</script>

</body></html>

";

            pdf = pechkin.Convert(oc, html);

            File.WriteAllBytes("d:\\temp\\myhtml.pdf", pdf);

實測效果挺不錯，跟實際網站所看到的很接近: (但不完全相同)

在自製HTML測試中，我使用<script>docuemt.write(…)</script>在網頁中插入內容，在PDF中也正確顯示。

但在某些狀況下，產生的PDF會與實際網頁差異頗大(例如: 我的Blog首頁轉PDF後排版就亂了)，有可能是網頁的某些Style寫法或複雜JavaScript超出WkHtmlToPdf預期，也有可能是元件的Bug，感覺眉角還很多，留待實際遇到時再深究。

歡迎推文分享:

Published 07 July 2013 08:11 AM 由 Jeffrey

Filed under: Tools, .NET

# sidihu said on 18 February, 2014 10:00 PM

你好我用nuget下的Pechkin并部署在程序中，仿照你的代码写了获取一个站点页面的代码，但是程序运行的时候报错：无法加载 DLL“wkhtmltox0.dll”: 找不到指定的模块。 (异常来自 HRESULT:0x8007007E)。网上也没有找到解决方案，请问你知道该如何解决吗？

# Jeffrey said on 19 February, 2014 12:31 AM

to sidihu, 專案目標平台是否設成x86? 檢查wkhtmltox0.dll是否有被複製到bin目錄下? 理論上它應該會被自動複製過去，網路上查到一則類似Issue回報[github.com/.../3]，但久在兩年前，應該已修復。

# ykk said on 21 June, 2016 11:23 PM

關於sidihu的提問，我也遇到相同的問題，以下回覆記載解決方式:

(1)將packages --> Pechkic 版本號的資料夾 ---> content 中的5

個檔案複製貼上到專案的bin資料夾，即可解決，至少我是這樣解

決的。

# Jeffrey said on 23 June, 2016 02:36 AM

to ykk, 感謝分享藥方。