二维码

public/print.html

@@ -6,6 +6,7 @@
     <title>打印</title>
     <script language="javascript" src="/jquery-1.11.2.min.js"></script>
     <script language="javascript" src="/jquery.qrcode.js"></script>
+    <script language="javascript" src="/html2canvas.js"></script>
 
     <script>
       //二维码宽高
@@ -31,7 +32,7 @@
         for (var i = 0; i < printObj.length; i++) {
           var index = parseInt(i) + 1
           $(".wrap").append("<li id='page" + index + "' style='width: 9cm; height: 5cm;'>" +
-            // "<img src='' style='display: block;width:9cm; height:5cm;'>"+
+            "<img src='' style='display: block;width:9cm; height:5cm;'>" +
             "</li>")
           createCode("#page" + index, printObj[i])
         }
@@ -77,9 +78,6 @@
           canvas.width = canvaswidth;
           canvas.height = canvasheight;
           var ctx = canvas.getContext('2d');
-
-          //设置文字样式
-          //设置画布背景
           ctx.fillStyle = '#ffffff';
           ctx.fillRect(0, 0, canvas.width, canvas.height);
           //设置文字样式
@@ -88,23 +86,17 @@
           ctx.textAlign = 'left';
           //文字描述
           ctx.fillText("苏州河道处", 130, 30);
-          ctx.fillText("物资编码:"+decodeURI(decodeURI(printObji['wuzibianma'])), qrcodeleft+140,65);
-          ctx.fillText("资产名称:"+decodeURI(decodeURI(printObji['zichanmingcheng'])), qrcodeleft+140,95);
-          ctx.fillText("物资类型:"+decodeURI(decodeURI(printObji['wuzileixing'])), qrcodeleft+140,125);
-          ctx.fillText("入库数量:"+printObji['rukushuliang'], qrcodeleft+140,155);
-          //绘制二维码
-
+          ctx.fillText("物资编码:" + decodeURI(decodeURI(printObji['wuzibianma'])), qrcodeleft + 140, 65);
+          ctx.fillText("资产名称:" + decodeURI(decodeURI(printObji['zichanmingcheng'])), qrcodeleft + 140, 95);
+          ctx.fillText("物资类型:" + decodeURI(decodeURI(printObji['wuzileixing'])), qrcodeleft + 140, 125);
+          ctx.fillText("入库数量:" + printObji['rukushuliang'], qrcodeleft + 140, 155);
           ctx.drawImage(img, qrcodeleft, qrcodetop);
-          // //设置logo
-          // var logo = new Image(logowidth, logoheight);
-          // logo.src = canvas;
-          // logo.onload = function() {
-          //   ctx.drawImage(logo, logoleft, logotop, logowidth, logoheight);
-          // }
+          var data = canvas.toDataURL('image/png', 1);
+          var imgOk = new Image();
+          imgOk.src = data;
+          $(id).children('img').attr('src', imgOk.src)
+          $(id).children('canvas').remove()
         }
-        console.log(img)
-        // img.src=canvas.toDataURL("image/png");
-        // $(id).children("img").attr("src",img.src)
       }
 
 
@@ -127,13 +119,6 @@
           copyrights: '杰创软件拥有版权  www.jatools.com'
         };
         document.getElementById("jatoolsPrinter").print(myDoc, false); // 直接打印，不弹出打印机设置对话框
-        var ids = "{:$_REQUEST['ids']}";
-        var url = "{:U('confirmPrinted')}";
-        $.post(url, {
-          ids: ids
-        }, function() {
-
-        });
       }
 
       function delCookie(name)
@@ -154,7 +139,6 @@
 
       function getCookie(cookieName) {
         //获取所有的cookie "psw=1234we; rememberme=true; user=Annie"
-
         var totalCookie = document.cookie;
         //获取参数所在的位置
         var cookieStartAt = totalCookie.indexOf(cookieName + "=");
@@ -248,17 +232,6 @@
     <div class="lists">
       <ul class="wrap">
 
-
-        <!-- <li id="page2" style="width: 9cm; height: 5cm;">
-          <img src="/storage/temp/755_1.jpg" style=" display: block;width:9cm; height:5cm;">
-        </li>
-        <li id="page3" style="width: 9cm; height: 5cm;">
-          <img src="/storage/temp/756_1.jpg" style=" display: block;width:9cm; height:5cm;">
-        </li>
-        <li id="page4" style="width: 9cm; height: 5cm;">
-          <img src="/storage/temp/757_1.jpg" style=" display: block;width:9cm; height:5cm;">
-        </li> -->
-
         <div class="clear"></div>
       </ul>
     </div>