image转canvas打印

有个需求是，需要打印一张图片我开始以为很简单 ，结果打印是一盘空白

所以需要把image转canvas

function convertImageToCanvas(image){
 
    //创建canvas DOM对象,并设置其宽高和图片一样
    var canvas = document.createElement("canvas");
    canvas.width = image.width;
    canvas.height = image.height;
 
    //坐标(0,0)表示从此处开始绘制,相当于偏移
    canvas.getContext("2d").drawImage(image,0,0);
    return canvas;          
}

// 从canvas提取图片image   
 
 function convertCanvasToImage(canvas){
 
     //新Image对象,可以理解为DOM;
     var image = new Image();
 
     //canvas.toDataURL返回的是一串Base64编码的URL,当然,浏览器自己肯定支持
     //指定格式PNG
     image.src = canvas.toDataURL("image/png");
     return image;
}

然后 window.print(),打印这个canvas元素就可以了