資訊專(zhuān)欄INFORMATION COLUMN
摘要：前端時(shí)間公司有一個(gè)項(xiàng)目要批量打印，主要是打印準(zhǔn)考證，考試成績(jī)，以及考試證書(shū)。一句話(huà)，一旦出現(xiàn)了問(wèn)題，修復(fù)起來(lái)會(huì)非常困難，關(guān)鍵代碼就一行。問(wèn)題往往出現(xiàn)在，往往在測(cè)試環(huán)境沒(méi)有問(wèn)題，在正式環(huán)境上就不行。
前端時(shí)間公司有一個(gè)項(xiàng)目要批量打印，主要是打印準(zhǔn)考證，考試成績(jī)，以及考試證書(shū)。參考方案，前端打印，后端打印
后端打印后端打印主要是用wkhtmltopdf這個(gè)，這個(gè)框架需要在后端安裝一大堆東西，先生成pdf在打印。一句話(huà)，一旦出現(xiàn)了問(wèn)題，修復(fù)起來(lái)會(huì)非常困難，關(guān)鍵代碼就一行。但是調(diào)試起來(lái)卻異常困難。
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)
問(wèn)題往往出現(xiàn)在pdfkit.from_url()，往往在測(cè)試環(huán)境沒(méi)有問(wèn)題，在正式環(huán)境上就不行。因?yàn)槌鰡?wèn)題的頻率太過(guò)頻繁，所以考慮換方案
前端打印一番搜索就下列幾種方式，比較好一點(diǎn)
jspdf 打印 addHTML
結(jié)論：存在問(wèn)題打印時(shí)背景黑，數(shù)據(jù)量大后黑屏率100%
jspdf 打印 addImage
結(jié)論：存在問(wèn)題打印時(shí)背景黑，數(shù)據(jù)量大后黑屏率100%，小數(shù)據(jù)量好一些
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: ""
});
結(jié)論：開(kāi)源組織提供的，一般性打印需求可以滿(mǎn)足，無(wú)法調(diào)整邊距，紙張打印方向之類(lèi)。底層都是window.print()實(shí)現(xiàn)，優(yōu)點(diǎn)，使用起來(lái)非常方便
window.print 方法
這個(gè)是系統(tǒng)自帶的，可以調(diào)整邊距，可以調(diào)整紙張方向，我最終使用的是這個(gè)，不同瀏覽器自己做支持，要是出現(xiàn)了問(wèn)題，一般都可以解決
//分頁(yè)參數(shù) style="page-break-before:always;height:667px"
@media print
css的屬性，主要瀏覽器都支持
@media print {
selector{
...
}
}
Lodop插件
這個(gè)打印插件我并沒(méi)有使用，需要用戶(hù)安裝，收費(fèi)
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/89126.html
摘要：前端時(shí)間公司有一個(gè)項(xiàng)目要批量打印，主要是打印準(zhǔn)考證，考試成績(jī)，以及考試證書(shū)。一句話(huà)，一旦出現(xiàn)了問(wèn)題，修復(fù)起來(lái)會(huì)非常困難，關(guān)鍵代碼就一行。問(wèn)題往往出現(xiàn)在，往往在測(cè)試環(huán)境沒(méi)有問(wèn)題，在正式環(huán)境上就不行。 前端時(shí)間公司有一個(gè)項(xiàng)目要批量打印，主要是打印準(zhǔn)考證，考試成績(jī)，以及考試證書(shū)。參考方案，前端打印，后端打印 后端打印 后端打印主要是用wkhtmltopdf這個(gè)，這個(gè)框架需要在后端安裝一大堆東...
摘要：今天介紹一種通過(guò)抓包端微信的方式去獲取公眾號(hào)文章的方法。如上圖，通過(guò)抓包工具獲取微信的網(wǎng)絡(luò)信息請(qǐng)求，我們發(fā)現(xiàn)每次下拉刷新文章的時(shí)候都會(huì)請(qǐng)求這個(gè)接口。 本文首發(fā)自公眾號(hào)：python3xxx 爬取公眾號(hào)的方式常見(jiàn)的有兩種 通過(guò)搜狗搜索去獲取，缺點(diǎn)是只能獲取最新的十條推送文章 通過(guò)微信公眾號(hào)的素材管理，獲取公眾號(hào)文章。缺點(diǎn)是需要申請(qǐng)自己的公眾號(hào)。 showImg(//img.mukew...
摘要：在本文中，將探討如何從一個(gè)應(yīng)用程序中直接生成一個(gè)。然而，再次受到瀏覽器對(duì)和支持的限制。使用來(lái)實(shí)現(xiàn)規(guī)范嘗試使用實(shí)現(xiàn)規(guī)范實(shí)際上是創(chuàng)建了。就從應(yīng)用程序使用這些工具而言，需要在服務(wù)器上安裝它們。希望這是一個(gè)有用的工具總結(jié)，可用幫你的應(yīng)用程序創(chuàng)建。 為了保證的可讀性，本文采用意譯而非直譯。 想閱讀更多優(yōu)質(zhì)文章請(qǐng)猛戳GitHub博客,一年百來(lái)篇優(yōu)質(zhì)文章等著你！ 在一些場(chǎng)景下，用戶(hù)都要求一些需要的數(shù)...
摘要：比上面的稍微好點(diǎn)，支持了一些方面的東西，具體看這個(gè)中文配置參數(shù)評(píng)價(jià)這種方法前端實(shí)現(xiàn)，靈活簡(jiǎn)單，而且在頁(yè)面還原上是很好的，生成的過(guò)程不需要自己操心，頁(yè)面樣式還可控，可以說(shuō)是非常不錯(cuò)的。 最近要搞前端html轉(zhuǎn)pdf的功能。折騰了兩天，略有所收，踩了一些坑，所以做些記錄，為后來(lái)的兄弟做些提示，也算是回饋社區(qū)。經(jīng)過(guò)一番調(diào)(sou)研(suo)發(fā)現(xiàn)html導(dǎo)出pdf一般有這幾種方式，各有各有優(yōu)...
摘要：比上面的稍微好點(diǎn)，支持了一些方面的東西，具體看這個(gè)中文配置參數(shù)評(píng)價(jià)這種方法前端實(shí)現(xiàn)，靈活簡(jiǎn)單，而且在頁(yè)面還原上是很好的，生成的過(guò)程不需要自己操心，頁(yè)面樣式還可控，可以說(shuō)是非常不錯(cuò)的。 最近要搞前端html轉(zhuǎn)pdf的功能。折騰了兩天，略有所收，踩了一些坑，所以做些記錄，為后來(lái)的兄弟做些提示，也算是回饋社區(qū)。經(jīng)過(guò)一番調(diào)(sou)研(suo)發(fā)現(xiàn)html導(dǎo)出pdf一般有這幾種方式，各有各有優(yōu)...
閱讀 2922·2021-11-24 09:39
閱讀 3599·2021-11-22 13:54
閱讀 3409·2021-11-16 11:45
閱讀 2432·2021-09-09 09:33
閱讀 3194·2019-08-30 15:55
閱讀 1290·2019-08-29 15:40
閱讀 920·2019-08-29 15:19
閱讀 3396·2019-08-29 15:14
