WEB打印控件Lodop技术
一、引入LodopFuncs.js
1、直接在js中引入即可,
2、在vue引入时,注意LodopFuncs.js文件需要在文件最底部添加一行代码,按照官方文档书写打印函数。
export { getLodop } //导出getLodop
二、 常用函数
下方只列举常用的,详细操纵手册见:http://www.lodop.net/download/Lodop6.2NoteBook20220110.zip
LODOP=getLodop();
//打印初始化。初始化运行环境,清理异常打印遗留的系统资源,设定打印任务名。
LODOP.PRINT_INITA(0,0,1585,1160,"名称");
//设置软件产品注册信息,需要进行购买(IP或域名),
//Lodop注册号的价格表、购买方式和使用方法见:http://blog.sina.com.cn/s/blog_721e77e50100nfzs.html
LODOP.SET_LICENSES("","购买的Lodop注册号","","");
//打印方向及纸张类型,数字型.
LODOP.SET_PRINT_PAGESIZE(2,2970,4200,"");
//设置打印背景图
LODOP.ADD_PRINT_SETUP_BKIMG("<img src='${ctxp}/content/images/zhengshu/img.png' >");
LODOP.SET_SHOW_MODE("BKIMG_WIDTH","419.95mm");//背景图宽度
LODOP.SET_SHOW_MODE("BKIMG_HEIGHT","295.28mm");//背景图高度
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",true);//打印预览时是否包含背景图。
// LODOP.SET_SHOW_MODE("BKIMG_PRINT",true);//设置打印时是否包含背景图。
//设置文本打印项,ADD_PRINT_TEXT(Top 上边距,Left 左边距,Width 打印区域宽度,Height 打印区域高度,strContent 打印文本内容),
LODOP.ADD_PRINT_TEXT(461,391,561,35,this.newgenggaiform.QYMC);
LODOP.SET_PRINT_STYLEA(0,"FontSize",20);//设置字体大小、颜色等
LODOP.SET_PRINT_STYLEA(0,"Bold",1);//设置字体加粗、倾斜等
LODOP.ADD_PRINT_TEXT(410,1066,289,33,this.newgenggaiform.ZSBH);
LODOP.SET_PRINT_STYLEA(0,"FontSize",20);设置字体大小、颜色等
LODOP.SET_PRINT_STYLEA(0,"Bold",1);//设置字体加粗、倾斜等
LODOP.SET_PRINT_STYLEA(0,"Stretch",2);//图片截取缩放模式
LODOP.PRINT_SETUP();//打印维护,可以设置一个本地缓存,设置好缓存,每次打印按照缓存格式进行打印
// LODOP.PRINT_DESIGN(); // 打印设计,可以调整打印内容
// LODOP.PREVIEW(); // 打印预览