4

我使用 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'"

谁能帮我？

4

1 回答 1

1

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

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

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

于 2012-12-14T09:13:00.133 回答