我使用 html2canvas 库制作表格的 png 图像。

它适用于 Chrome、Firefox 和 Safari。

代码如下:

$('#myTable').html2canvas ({
    onrendered : function(canvas) {
        var img = canvas.toDataURL('image/png');
        var newWin = window.open('', '_blank','width=500,height=400');
        var htmlPage = "";
        htmlPage += "<html>";
        htmlPage += "<head>";
        ...
        htmlPage += "</head>";
        htmlPage += "<body>";
        ...
        htmlPage += "<img src='"+img+"' width='400px'/>";
        ...
        htmlPage += "</body>";
        htmlPage += "</html>";
        newWin.document.write(htmlPage);
    }
});

当我用 IE8 打开页面时,页面不起作用。

我已经读到我应该使用 flashcanvas,所以我添加了 flashcanvas 库并在页面中添加了这一行:
<!--[if lt IE 9]>
   <script type="text/javascript src="../sample/flashcanvas.js"></script>
<![endif]-->

所以,当我用 IE8 打开页面时,库 flashcanvas.js 被加载了!

但问题依然存在! IE8 告诉我:
"The object does not support the property or the method 'toDataURL'"

谁能帮我?

最佳答案

我不确定 canvas 元素是如何创建的,但您可能需要在 onrendered 回调中执行以下操作:

if (typeof FlashCanvas != "undefined") {
    FlashCanvas.initElement(canvas);
}
var img = canvas.toDataURL('image/png');
// etc...

请参阅此处的文档:http://flashcanvas.net/docs/usage

关于javascript - IE8 上的 html2canvas 和 flashcanvas 不起作用,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/13875498/

10-12 01:00