通用套打web端解決方法

2021-05-10 04:17:14 字數 580 閱讀 1016

類似於證件列印的套打模式,在 web 頁面解決方法中比較棘手。這段時間忙裡偷閒,好好研習了 dhtml 的相關技術寫了乙個以此拋磚引玉。

實現的功能

1 、可以調整顯示資料的位置、字型和大小(certprint.css);

2 、可以設定背景和大小;

3 、可以獲得資料調整後的位置(方便資料庫儲存,無需每次都設定);

4 、可以設定列印屬性(僅限 ie ): header/footer 、橫向 / 縱向、列印頁邊距;

5 、可以跨瀏覽器使用(除列印設定): ie 、 firefox 、 netscape;

技術點

1、 元素拖拽技術 dragdrop.js ;

2、 物件序列化 json.js ;

3、 控制列印 scriptx ;

4、 dhtml ;

5、 瀏覽器相容 w3c ;

使用方法

在你的專案中建立乙個類似於 certprint.html 的動態頁面,參照 toinit() 方法設定列印屬性和需要列印資料,在列印資料調整完畢可以呼叫 collectdatapos() 獲得調整後的資料位置,可以儲存到資料庫。

python套打 Web列印的解決方案之證件套打

由於以前未接觸過套打,一直覺得套打是乙個比較神秘和麻煩的事情,因為印表機的位置總是需要調整的,你總不能硬編碼吧?但是如果位置可調,有需要直觀一些來處理,那就比較麻煩了。在前面介紹過 一般的套打,包含了幾部分操作 列印預覽 列印維護 列印設計。列印預覽和列印維護是面向終端使用者的,列印維護是指內容不能...

移動端滾動穿透解決方法

當頁面中出現彈層時,彈層頁面滾動也會引起body的滾動,解決方法如下 開啟彈層時獲取當前頁面的滾動值,並給body設定position fixed top 當前頁面的滾動值 var scrollpx body scrolltop body addclass openfixed body css to...

移動端自適應解決方法小結

按照父布局的寬高進行百分比分隔,以此來確定檢視的大小。但是要想設定當前容器的高度或寬度百分比,必須 明確 知道父容器的高度或寬度。一般都是對寬度進行百分比的設定,高度使用內容撐起 寬度隨裝置寬度變化的時候,內容不會改變大小,如文字就很容易出現不能正常顯示的情況 頁面元素寬度變化,背景會出現變形,文字...