vue使用LODOP打印证书（套打）可上传图片底图

最新推荐文章于 2023-11-09 23:41:06 发布

CSDNtiexin

最新推荐文章于 2023-11-09 23:41:06 发布

阅读量799

点赞数

文章标签： vue.js javascript ecmascript

本文链接：https://blog.csdn.net/CSDNtiexin/article/details/129054384

版权

第一步：lodop官网下载相应组件包https://www.lodop.net/

win64也下载32版因为64兼容32
第二步：套打方式打开下载好的文件价找到PrintSample4.html
<el-button @click=“print()”>打印
print() {
//首先引入JS才能使用getLodop()方法
let LODOP = window.getLodop()
//打开窗口大小
LODOP.PRINT_INITA(0,0,1580,1100,“打印控件功能演示_Lodop功能_装载背景图”);
LODOP.SET_PRINT_MODE(“PRINT_NOCOLLATE”,1);
//加载正本图片
LODOP.ADD_PRINT_SETUP_BKIMG(“”);
LODOP.SET_SHOW_MODE(“BKIMG_WIDTH”,“410.9mm”);
LODOP.SET_SHOW_MODE(“BKIMG_HEIGHT”,“282.58mm”);
LODOP.ADD_PRINT_TEXT(526,435,260,30,“传入值”);
LODOP.SET_PRINT_STYLEA(0,“FontSize”,15);
LODOP.ADD_PRINT_TEXT(521,1202,53,29,“传入值”);
LODOP.SET_PRINT_STYLEA(0,“FontSize”,15);
LODOP.ADD_PRINT_TEXT(596,431,349,29,“传入值”);
//采用打印维护模式PRINT_SETUP()可以提供不同电脑打印机可调整数据位置
LODOP.PRINT_SETUP();
}