类似于证件打印的套打模式，在 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() 获得调整后的数据位置，可以保存到数据库。