在IE瀏覽器的html2canvas問題，但與鉻和火狐工作正常

Question

我試圖捕獲使用html2canvas插件谷歌地圖的圖像。我能夠在Chrome以及Mozilla Firefox中捕捉圖像。但無法進入Internet Explorer。

使用Internet Explorer捕獲的圖像。

圖片來自Chrome和Mozilla的

我使用下面的html2canvas代碼捕獲：

html2canvas($('#map'), { 
    useCORS: true, 
    logging:true, 
    onrendered: function (canvas) { 
    var dataUrl= canvas.toDataURL("image/png").replace("image/png", "image/octet-stream"); 
    uploadImage(dataUrl,canvas); 
} 

Answer 1

我之前，所以有這個問題，我發現解決方案在正式github上。

生病分享我的例子給你：

html2canvas($("#your_ID_obj"), 
 
{ 
 
    logging: false, 
 
    useCORS: true, // 
 
    onrendered: function(canvas) 
 
    { 
 
     // Restore if is chrome 
 
     if(window.chrome) {// Fix for Chrome 
 
      $(".gm-style>div:first>div").css({ 
 
       left:0, 
 
       top:0, 
 
       "transform":transform 
 
      }); 
 
     } 
 

 
     // Function with your code to do whatever you need 
 
    } 
 
});