qrcode生成二维码,并使用LODOP批量打印

生成二维码需要引用qrcode.js

1 <div id="qrcode" style="display:none;width:300px;height:300px;"></div>
2 <script src="~/Scripts/qrcode.js"></script>

js代码--生成二维码,:

1    var qrcode = new QRCode(document.getElementById("qrcode"), {
2                     width: 300,
3                     height: 300,
4                     render: "canvas",
5                     text: “显示内容”
6                 });

 

使用LODOP打印需要的代码:

复制代码
 1 var LODOP = getLodop(); 
 2 //生成标签
 3         function PrintItemLabel() {
 4            
 5 
 6             //预览比例,工具栏,直接打印,宽度,高度
 7             LODOP.SET_PRINT_PAGESIZE(1, "70mm", "60mm", "");                //纸张类型(方向、宽、高、名称)
 8             LODOP.SET_PRINT_MODE("POS_BASEON_PAPER", true);                 //从纸张边开始计算
 9             LODOP.SET_SHOW_MODE("NP_NO_RESULT", true);                      //兼容谷歌浏览器
10 
11             LODOP.SET_PREVIEW_WINDOW(1, 0, 0, 700, 600, "标签打印");        //设置预览窗口(预览比例,工具栏,直接打印,宽度,高度)
12 
13             $.each(rows, function (n, row) {
14                 LODOP.NEWPAGEA();
15                 var qrcode = new QRCode(document.getElementById("qrcode"), {
16                     width: 300,
17                     height: 300,
18                     render: "canvas",
19                     text: "二维码扫描显示内容'"
20                 });
21                 $("canvas").attr("id", "erw");
22                 var canvas = document.getElementById('erw');
23                 var context = canvas.getContext('2d');
24                 var image = new Image();
25                 var strDataURI = canvas.toDataURL("image/png");
26                 $("#qrcode").empty();
27 
28                 var table = "<table class=\"header\" cellspacing=\"0\" cellpadding=\"2\" border=\"0\" style=\"width:100%;text-align:left;font-family:'宋体';font-weight: bold\">";
29                 table += "<tr><td style=\"text-align:center;font-size:12pt;\"><img src='" + strDataURI + "' style='width:110px;height:110px;'/></td>";
30                 table += "<tr><td style=\"text-align:center;font-size:12pt;\">" + row.Name + "<table>";
31 
32                 LODOP.ADD_PRINT_HTM(30, 40, 180, 180, table);
33 
34             });
35             LODOP.PREVIEW();
36         }
复制代码

最终页面

 

 

 

PS:

使用LODOP也可直接生成二维码:

LODOP.ADD_PRINT_BARCODE(Top,Left,Width,Height,BarCodeType,BarCodeValue);

Width 条码的总宽度,计量单位px(1px=1/96英寸)
Height 条码的总高度(一维条码时包括文字高度)
BarCodeType
 条码的类型(规制)名称,共有26种
BarCodeValue
 条码值

相关内容可参见:http://www.lodop.net/demolist/PrintSample11.html

posted @   敲键盘的喵~  阅读(1439)  评论(0编辑  收藏  举报
编辑推荐:
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示