html2canvas problema no IE, mas funciona bem com o Chrome e o Firefox - javascript, google-maps, google-chrome, internet-explorer, html2canvas

Eu estava tentando capturar uma imagem do google map usando o plugin html2canvas. Consegui capturar a imagem no Chrome e no Mozilla Firefox. Mas não é possível entrar no Internet Explorer.

Imagem capturada usando o Internet Explorer.

Imagem capturada do Chrome e Mozilla

Eu estou usando o seguinte código 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);
}

Respostas:

Eu tive esse problema antes, então eu encontrei a solução no github oficial.

Ill compartilhar meu exemplo para você:

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