web打印一篇就夠，jspdf，wkhtmltopdf

Miracle 發布于2019-08-21 17:05 / 1820人閱讀

摘要：前端時間公司有一個項目要批量打印，主要是打印準考證，考試成績，以及考試證書。一句話，一旦出現了問題，修復起來會非常困難，關鍵代碼就一行。問題往往出現在，往往在測試環境沒有問題，在正式環境上就不行。

前端時間公司有一個項目要批量打印，主要是打印準考證，考試成績，以及考試證書。參考方案，前端打印，后端打印

后端打印

后端打印主要是用wkhtmltopdf這個，這個框架需要在后端安裝一大堆東西，先生成pdf在打印。一句話，一旦出現了問題，修復起來會非常困難，關鍵代碼就一行。但是調試起來卻異常困難。

options = {
    "page-size": "A4",
    "orientation": "Landscape",
    "encoding": "utf-8",
    "zoom": 8,
    "margin-bottom": "0in",
    "margin-top": "0in",
    "margin-left": "0in",
    "margin-right": "0in",
}
config = pdfkit.configuration(wkhtmltopdf="/usr/local/bin/wkhtmltopdf")
pdfkit.from_url(weburl,filepath, options=options, configuration=config)

問題往往出現在pdfkit.from_url()，往往在測試環境沒有問題，在正式環境上就不行。因為出問題的頻率太過頻繁，所以考慮換方案

前端打印

一番搜索就下列幾種方式，比較好一點

jspdf 打印 addHTML

結論：存在問題打印時背景黑，數據量大后黑屏率100%

jspdf 打印 addImage

結論：存在問題打印時背景黑，數據量大后黑屏率100%，小數據量好一些

jquery.print

$("#myElementId").print({
    globalStyles: true,
    mediaPrint: false,
    stylesheet: null,
    noPrintSelector: ".no-print",
    iframe: true,
    append: null,
    prepend: null,
    manuallyCopyFormValues: true,
    deferred: $.Deferred(),
    timeout: 750,
    title: null,
    doctype: ""
});
結論：開源組織提供的，一般性打印需求可以滿足，無法調整邊距，紙張打印方向之類。底層都是window.print()實現，優點，使用起來非常方便

window.print 方法

這個是系統自帶的，可以調整邊距，可以調整紙張方向，我最終使用的是這個，不同瀏覽器自己做支持，要是出現了問題，一般都可以解決

//分頁參數
style="page-break-before:always;height:667px"

@media print

css的屬性，主要瀏覽器都支持

@media print {
  selector{
  ...
  }
}

Lodop插件

這個打印插件我并沒有使用，需要用戶安裝，收費

云服務器 GPU云服務器篇就夠 jspdf wkhtmltopdf web打印

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/89126.html

web打印一篇就夠，jspdf，wkhtmltopdf

摘要：前端時間公司有一個項目要批量打印，主要是打印準考證，考試成績，以及考試證書。一句話，一旦出現了問題，修復起來會非常困難，關鍵代碼就一行。問題往往出現在，往往在測試環境沒有問題，在正式環境上就不行。前端時間公司有一個項目要批量打印，主要是打印準考證，考試成績，以及考試證書。參考方案，前端打印，后端打印后端打印后端打印主要是用wkhtmltopdf這個，這個框架需要在后端安裝一大堆東...

Galence 2019-07-30 14:47 評論0 收藏0
50行Python代碼，教你獲取公眾號全部文章

摘要：今天介紹一種通過抓包端微信的方式去獲取公眾號文章的方法。如上圖，通過抓包工具獲取微信的網絡信息請求，我們發現每次下拉刷新文章的時候都會請求這個接口。本文首發自公眾號：python3xxx 爬取公眾號的方式常見的有兩種通過搜狗搜索去獲取，缺點是只能獲取最新的十條推送文章通過微信公眾號的素材管理，獲取公眾號文章。缺點是需要申請自己的公眾號。 showImg(//img.mukew...

MartinHan 2019-07-31 11:27 評論0 收藏0
Web應用程序如何創建 PDF

摘要：在本文中，將探討如何從一個應用程序中直接生成一個。然而，再次受到瀏覽器對和支持的限制。使用來實現規范嘗試使用實現規范實際上是創建了。就從應用程序使用這些工具而言，需要在服務器上安裝它們。希望這是一個有用的工具總結，可用幫你的應用程序創建。為了保證的可讀性，本文采用意譯而非直譯。想閱讀更多優質文章請猛戳GitHub博客,一年百來篇優質文章等著你！在一些場景下，用戶都要求一些需要的數...

AlexTuan 2019-08-23 18:40 評論0 收藏0
前端實現html轉pdf方法總結

摘要：比上面的稍微好點，支持了一些方面的東西，具體看這個中文配置參數評價這種方法前端實現，靈活簡單，而且在頁面還原上是很好的，生成的過程不需要自己操心，頁面樣式還可控，可以說是非常不錯的。最近要搞前端html轉pdf的功能。折騰了兩天，略有所收，踩了一些坑，所以做些記錄，為后來的兄弟做些提示，也算是回饋社區。經過一番調(sou)研(suo)發現html導出pdf一般有這幾種方式，各有各有優...

Heier 2019-08-02 16:04 評論0 收藏0
前端實現html轉pdf方法總結

摘要：比上面的稍微好點，支持了一些方面的東西，具體看這個中文配置參數評價這種方法前端實現，靈活簡單，而且在頁面還原上是很好的，生成的過程不需要自己操心，頁面樣式還可控，可以說是非常不錯的。最近要搞前端html轉pdf的功能。折騰了兩天，略有所收，踩了一些坑，所以做些記錄，為后來的兄弟做些提示，也算是回饋社區。經過一番調(sou)研(suo)發現html導出pdf一般有這幾種方式，各有各有優...

gekylin 2019-08-29 16:40 評論0 收藏0