html2canvas 在 ie9 中不起作用

Question

我想将 div 转换为画布，在 chrome 中效果很好，但在 IE9 中它可以转换但效果不佳 - 它会剪切 div 内容并更改 div 元素的顺序。

witch js 我应该下载在 IE9 中也能正常工作的吗？ 有人知道我该如何解决这个分辨率问题？ 我的js代码：

 $scope.canvastoimage = function () {
        html2canvas($("#mytryapp"), {
           proxy: "server.js",
            useCORS: true,
            onrendered: function(canvas) {
                document.body.appendChild(canvas);  
                 $("#img-out").append(canvas);
                $("#mytryapp").hide();
                printthispage();

       }
        });
    }

结果附上：

谢谢！

Answer 1

此代码适用于所有浏览器

html2canvas([document.getElementById(mytryapp)], { 
 onrendered: function (canvas) { 
   var imageData = canvas.toDataURL('image/png',1.0);
   document.getElementById('img-out')[0].innerHTML = imageData;
 } 
});

测试一下，看看效果如何。索引 0 与 jQuery 对象一起使用以获取“真实”文档元素，因此如果您不使用 jquery，请更改为：

html2canvas([document.getElementById(mytryapp)], { 
     onrendered: function (canvas) { 
       var imageData = canvas.toDataURL('image/png',1.0);
       document.getElementById('img-out').innerHTML = imageData;
     } 
    });