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