通用套打web端解決方法

  類似於證件打印的套打模式,在 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() 獲得調整後的數據位置,可以保存到數據庫。

點擊下載此文件

發佈了2 篇原創文章 · 獲贊 5 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章