文章/答案/技术大牛

发布

社区首页 >问答首页 >html2canvas和IE8上的闪存画布无法工作

问html2canvas和IE8上的闪存画布无法工作
EN

Stack Overflow用户

提问于 2012-12-14 09:04:26

回答 1查看 4.3K关注 0票数 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打开页面时，页面不工作。

我读过应该使用闪存画布，所以我添加了闪存画布库，并在页面中添加了此行：

<!--[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'"

有谁可以帮我？

internet-explorer-8

html2canvas

flashcanvas

javascript

canvas

回答 1

Stack Overflow用户

发布于 2012-12-14 09:13:00

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

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

见这里的文档：http://flashcanvas.net/docs/usage

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/13875498

复制

相似问题

问html2canvas和IE8上的闪存画布无法工作
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html2canvas和IE8上的闪存画布无法工作EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问html2canvas和IE8上的闪存画布无法工作
EN