通用套打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() 获得调整后的数据位置,可以保存到数据库。

点击下载此文件

发布了2 篇原创文章 · 获赞 5 · 访问量 6万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章