類似于證件打印的套打模式，在 web 頁面解決方法中比較棘手。這段時間忙里偷閑，好好研習(xí)了 dhtml 的相關(guān)技術(shù)寫了一個以此拋磚引玉。

實現(xiàn)的功能

1 、可以調(diào)整顯示數(shù)據(jù)的位置、字體和大小（certprint.css）；

2 、可以設(shè)置背景圖片和圖片大小；

3 、可以獲得數(shù)據(jù)調(diào)整后的位置（方便數(shù)據(jù)庫保存，無需每次都設(shè)置）；

4 、可以設(shè)置打印屬性（僅限 IE ）： header/footer 、橫向 / 縱向、打印頁邊距；

5 、可以跨瀏覽器使用（除打印設(shè)置）： IE 、 FireFox 、 Netscape;

技術(shù)點

1、? 元素拖拽技術(shù) dragdrop.js ；

2、? 對象序列化 json.js ；

3、? 控制打印 ScriptX ；

4、? DHTML ；

5、? 瀏覽器兼容 w3c ；

使用方法

在你的項目中建立一個類似于 certprint.html 的動態(tài)頁面，參照 toInit() 方法設(shè)置打印屬性和需要打印數(shù)據(jù)，在打印數(shù)據(jù)調(diào)整完畢可以調(diào)用 collectDataPos() 獲得調(diào)整后的數(shù)據(jù)位置，可以保存到數(shù)據(jù)庫。