项目中有个需求是将winform客户端的打印,移到网页上由客户自行打印,打印要求是根据一定的格式实现套打。
当时的解决方案是使用PDF打印:
1、 准备好套打格式的底图;
2、打开底图,将动态内容画到底图上;
3、利用第二步修改后的图片,生成PDF,完成打印
后来发现一款比较强大的web打印工具lodop,简单使用说明如下:
1、先检查下浏览器是否安装此插件:
http://www.lodop.net/demolist/PrintSample1.html
2、建立html,此入口可以打开一个图形化编辑页面,生成结果图如下:
代码如下 | 复制代码 |
function myPreview() { LODOP.PRINT_INIT("测试套打模板"); }; |
3、我们可以将要套打的单据做成图片,导入这个图形化界面作为背景图,然后放入文本框等内容,开始测试。
4、完成位置定位后,可以点击左上角的整体对准图标,做统一调整。
5、去掉背景图,生成代码,放入JS代码段中
代码如下 | 复制代码 |
LODOP.PRINT_INIT("测试套打模板"); LODOP.ADD_PRINT_TEXT(107,225,338,30,"竞买人名称"); LODOP.SET_PRINT_STYLEA(0,"FontSize",15); LODOP.ADD_PRINT_TEXT(421,116,209,26,"手机号码"); LODOP.SET_PRINT_STYLEA(0,"FontSize",13); function myPreview() { LODOP.PRINT_INIT("测试套打模板"); LODOP.ADD_PRINT_TEXT(107,225,338,30,"竞买人名称"); LODOP.SET_PRINT_STYLEA(0,"FontSize",15); LODOP.ADD_PRINT_TEXT(421,116,209,26,"手机号码"); LODOP.SET_PRINT_STYLEA(0,"FontSize",13); }; |
6、JS参数性质的改动
总结:
PDF的难点在于要精确的计算出需要填充内容的位置,调试比较麻烦,而lodop是图形化界面,方便我们调试,并且语法简单,方便溶于JS中,此处仅仅简单列举了一个简单的实例,更多功能,可参考官网地址:http://www.lodop.net
摩尔庄园 安卓官方版v2.9.24091002S
摩尔庄园很多小伙伴一定都在小时候玩过,但随着我们年龄的增长淡
梦幻庄园最新版 官方正版v1.0.0
梦幻庄园是一款非常好玩的模拟经营类游戏,玩家在游戏中有一个属
合并梦幻岛免内购版 v2.1.0
合并梦幻岛无限内购版是游戏的破解版本,在该版本中为玩家解锁了
无悔华夏魅族版 2025最新版v3.5.194
无悔华夏魅族版是一款超级好用的模拟经营游戏。在这里玩家们需要
月影别墅官方安装包2025版 安卓版v2.3.24
月影别墅官方安装包2025版是一款匠心独具的乙女向剧情游戏,