首页 > 解决方案 > cordova-plugin-datecs-printer 无法打印图像

问题描述

我使用ionic3制作移动应用程序,并安装cordova-plugin-datecs-printer

当我使用示例代码打印图像时,无法打印图像

这是我的代码:

function printMyImage() {
      var image = new Image();
      image.onload = function() {
          var canvas = document.createElement('canvas');
          canvas.height = 50;
          canvas.width = 50;
          var context = canvas.getContext('2d');
          context.drawImage(image, 0, 0);
          var imageData = canvas.toDataURL('image/jpeg').replace(/^data:image\/(png|jpg|jpeg);base64,/, ""); //remove mimetype
          window.DatecsPrinter.printImage(
              imageData, //base64
              canvas.width, 
              canvas.height, 
              1, 
              function() {
                printMyBarcode();
              },
              function(Error) {
                  alert(JSON.stringify(Error));
              }
          )
      };
      image.src = 'assets/imgs/Logo2.jpg';
    }

标签: ionic3cordova-pluginsescpos

解决方案


您的问题是您正在绘制一个没有数据的图像,您必须先使用填充图像的 src, image.src = 'assets/imgs/Logo2.jpg'; 然后检查图像是否已加载 image.onload()并执行您需要的任何操作,例如打印图像


推荐阅读