qrcode生成二維碼，並使用LODOP批量打印

生成二維碼需要引用qrcode.js

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

js代碼--生成二維碼，：

   var qrcode = new QRCode(document.getElementById("qrcode"), {
                    width: 300,
                    height: 300,
                    render: "canvas",
                    text: “顯示內容”
                });

 

使用LODOP打印需要的代碼：

var LODOP = getLodop(); 
//生成標簽
        function PrintItemLabel() {
           

            //預覽比例，工具欄，直接打印，寬度，高度
            LODOP.SET_PRINT_PAGESIZE(1, "70mm", "60mm", "");                //紙張類型（方向、寬、高、名稱）
            LODOP.SET_PRINT_MODE("POS_BASEON_PAPER", true);                 //從紙張邊開始計算
            LODOP.SET_SHOW_MODE("NP_NO_RESULT", true);                      //兼容谷歌瀏覽器

            LODOP.SET_PREVIEW_WINDOW(1, 0, 0, 700, 600, "標簽打印");        //設置預覽窗口（預覽比例，工具欄，直接打印，寬度，高度）

            $.each(rows, function (n, row) {
                LODOP.NEWPAGEA();
                var qrcode = new QRCode(document.getElementById("qrcode"), {
                    width: 300,
                    height: 300,
                    render: "canvas",
                    text: "二維碼掃描顯示內容'"
                });
                $("canvas").attr("id", "erw");
                var canvas = document.getElementById('erw');
                var context = canvas.getContext('2d');
                var image = new Image();
                var strDataURI = canvas.toDataURL("image/png");
                $("#qrcode").empty();

                var table = "<table class=\"header\" cellspacing=\"0\" cellpadding=\"2\" border=\"0\" style=\"width:100%;text-align:left;font-family:'宋體';font-weight: bold\">";
                table += "<tr><td style=\"text-align:center;font-size:12pt;\"><img src='" + strDataURI + "' style='width:110px;height:110px;'/></td>";
                table += "<tr><td style=\"text-align:center;font-size:12pt;\">" + row.Name + "<table>";

                LODOP.ADD_PRINT_HTM(30, 40, 180, 180, table);

            });
            LODOP.PREVIEW();
        }

最終頁面

 

 

 

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