web列印小結

2022-10-08 10:21:07 字數 939 閱讀 1146

專案中有個需求是將winform客戶端的列印,移到網頁上由客戶自行列印,列印要求是根據一定的格式實現套打。

當時的解決方案是使用pdf列印:

1、 準備好套打格式的底圖;

2、開啟底圖,將動態內容畫到底圖上;

3、利用第二步修改後的,生成pdf,完成列印

後來發現一款比較強大的web列印工具lodop,簡單使用說明如下:

1、先檢查下瀏覽器是否安裝此外掛程式:

程式設計客棧 

2、建立html,此入口可以開啟乙個圖形化編輯頁面,生成結果圖如下:

j**ascript:;" onclick="j**ascript:mypreview();lodop.print_design();">進入模板設計

3、我們可以將要套打的單據做成,匯入這個圖形化介面作為背景圖,然後放入文字框等內容,開始測試。

4、完成位置定位後,可以點選左上角的整體對準圖示,做統一調整。

5、去掉背景圖,生成**,放入js**段中

lodop.print_init("測試套打模板");

lodop.add_print_text(107,225,338,30,"競買人名稱");

lodop.set_print_stylea(0,"fontsize",15);

lodop.add_print_text(421,116,209,26,"手機號碼");

lodop.set_print_stylea(0,"fontsize",13);

進入模板設計

6、js引數性質的改動程式設計客棧

總結:pdf的難點在於要精確的計算出需要填充內容的位置,除錯比較麻煩,而lodop是圖形化介面,方便我們除錯,並且語法簡單,方便溶於js中,此處僅僅簡單列舉了乙個簡單的例項,更多功能,可參考官網位址:

本文標題: web列印小結

本文位址: /ruanjian/j**a/176451.html

Web列印(原創)

我檢視了一下,每種應用程式的頁面設定可能不一樣的。記事本的和ie的頁面設定介面風格都不一樣。看起來ie頁面設定可以由以下內容組成 1,紙張規格 2,紙張 3,頁首,頁尾 4,布局方式 橫向 縱向 5,頁邊距 左,右,上,下 6,印表機 其餘的就沒有了吧 以上內容有ie的設定,也有印表機的設定。1,2...

淺解web列印

首先在網頁中新增 然後就可以依次加入功能按鈕了 將這兩塊東西放到就不會列印這些按鈕了。當然要定義noprint了 只要把不想列印的東西的css設定成noprint就可以了。現在就實現了基本的web列印,需要注意的情況如下 必須將ie的internet選項的安全設定中對於沒有標記為安全的activex...

web安全小結

本文是對web中最常見漏洞的乙個小結,既然是web漏洞,那自然而然不能忽略了owasp top10了。最新版的owasp top10還是2017年公布的。如下 注入失效的身份認證 敏感資訊洩露 xml 外部實體 xxe 失效的訪問控制 安全配置錯誤 跨站指令碼 xss 不安全的反序列化 使用含有已知...