類似于證件打印的套打模式,在
web
頁面解決方法中比較棘手。這段時間忙里偷閑,好好研習了
dhtml
的相關技術寫了一個以此拋磚引玉。
實現的功能
1 、可以調整顯示數據的位置、字體和大?。╟ertprint.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()
獲得調整后的數據位置,可以保存到數據庫。