摘要:前端時(shí)間公司有一個(gè)項(xiàng)目要批量打印,主要是打印準(zhǔn)考證,考試成績(jī),以及考試證書(shū)。一句話,一旦出現(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在打印。一句話,一旦出現(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)源組織提供的,一般性打印需求可以滿足,無(wú)法調(diào)整邊距,紙張打印方向之類。底層都是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)有使用,需要用戶安裝,收費(fèi)
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://specialneedsforspecialkids.com/yun/40923.html
摘要:前端時(shí)間公司有一個(gè)項(xiàng)目要批量打印,主要是打印準(zhǔn)考證,考試成績(jī),以及考試證書(shū)。一句話,一旦出現(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)景下,用戶都要求一些需要的數(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)...
閱讀 2410·2021-11-16 11:44
閱讀 848·2021-09-10 11:16
閱讀 2224·2019-08-30 15:54
閱讀 1042·2019-08-30 15:53
閱讀 1894·2019-08-30 13:00
閱讀 615·2019-08-29 17:07
閱讀 3509·2019-08-29 16:39
閱讀 3134·2019-08-29 13:30