js打印图片,预览或 打印时候看不到图片

沙漠飞鹰 发布于 2017/04/06 14:09
阅读 522
收藏 0

我用html2canvas截图,并打印,经常会出现预览或 打印时候看不到图片,有时候又能正常显示。

$(document).ready( function(){
     $(".print").on("click", function(event) {
             event.preventDefault();
             html2canvas($(".gantt"), {
             allowTaint: true,
             taintTest: false,
             onrendered: function(canvas) {
       
                 //生成base64图片数据
                 var dataUrl = canvas.toDataURL();
                 var newImg = document.createElement("img");
                 newImg.id = 'printImg';
                 newImg.src =  dataUrl;
    
             	var headstr = "<div  style='font-size: 25px;text-align:center;'>		<label >"+cgid_select+"--甘特图</label></div><div id='print'>";  
            	var footstr = "</div>"; 
            	 var parentdiv=$('<div></div>'); 
            	 var imginfo=newImg.outerHTML;
            	 var imgdiv= headstr+imginfo+footstr;
            	 parentdiv.append(imgdiv);
             	parentdiv.printArea();
    

             }
         });
     }); 
  
});

 

加载中
返回顶部
顶部