Problem html2canvas na IE, ale działa dobrze z Chrome i Firefox - javascript, google-maps, google-chrome, Internet-explorer, html2canvas

Próbowałem uchwycić obraz mapy Google za pomocą wtyczki HTML2canvas. Udało mi się uchwycić obraz zarówno w przeglądarce Chrome, jak i Mozilla Firefox. Ale nie można uzyskać dostępu do przeglądarki Internet Explorer.

Zdjęcie zrobione przy pomocy Internet Explorera.

Zdjęcie zrobione z Chrome i Mozilli

Korzystam z następującego kodu 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);
}

Odpowiedzi:

Miałem już ten problem, więc znalazłem rozwiązanie w oficjalnym githubie.

Podzielę się z tobą moim przykładem:

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
}
});