我使用 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/