通用套打web端解决方法

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

点击下载此文件