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

實(shí)現(xiàn)的功能

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

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

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

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

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

技術(shù)點(diǎn)

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

2、? 對(duì)象序列化 json.js ；

3、? 控制打印 ScriptX ；

4、? DHTML ；

5、? 瀏覽器兼容 w3c ；

使用方法

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