其他分享
首页 > 其他分享> > qrcode生成二维码,并使用LODOP批量打印

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

标签:条码,canvas,var,二维码,LODOP,qrcode
来源: https://www.cnblogs.com/Leeblog200814/p/13577794.html