类似于证件打印的套打模式,在 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() 获得调整后的数据位置,可以保存到数据库。
通用套打web端解决方法
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
网页爬虫开发:使用Scala和PhantomJS访问知乎
原創
2024-05-31 00:11:23
如何使用前端表格控件实现多数据源整合?
原創
2024-05-29 10:45:31
界面组件Kendo UI for Angular教程 - 构建强大的PDF阅读器(二)
原創
2024-05-28 12:19:07
音频链接抓取技术在Lua中的实现
原創
2024-05-28 00:07:25
使用 Spring Cloud Alibaba AI 构建 RAG 应用
原創
2024-05-27 21:13:51
使用JavaScript日历小部件和DHTMLX Gantt的应用场景(三)
原創
2024-05-27 12:19:39
5款可以将录屏转换成动图的录屏转GIF软件工具介绍
噓噓者
2024-05-24 12:56:36
WordPress登录出现"Cookies被阻止或者您的浏览器不支持"的原因及解决办法
噓噓者
2024-05-24 12:56:35
Python实现大麦网抢票的四大关键技术点解析
原創
2024-05-23 00:18:04
Java实现抓取在线视频并提取视频语音为文本
原創
2024-05-22 11:56:46
H5按需加载探索——Webpack模块化示例
原創
2024-05-22 11:10:06
Selenium与PhantomJS:自动化测试与网页爬虫的完美结合
原創
2024-05-22 00:09:17
一键自动化博客发布工具,用过的人都说好(头条篇)
原創
2024-05-21 21:38:49
探讨篇(二):分层架构的艺术 - 打造合理且高效的架构体系
原創
2024-05-20 23:55:42