IE浏览器上的html2canvas问题但适用于Chrome和Firefox

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找到了解决方案。

我和你分享我的榜样：

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;