如何在IE中使用HTML5 canvas元素?


75

我正在尝试使用HTML5 canvas元素绘制一些弧和圆-这在FF中效果很好,但是IE8似乎不支持它。

现在,存在Javascript库,这些库似乎使IE8与Canvas兼容。一个例子可以在这里找到

我已经阅读了他们的全部资料,但我不明白他们是如何使Canvas与IE8一起工作的。有人可以介绍一下使用的方法吗?

Answers:



8

您可以尝试使用fxCanvas:https//code.google.com/p/fxcanvas/

它在Flash填充程序中实现了几乎所有的Canvas API。


1
由于exanvas的出色表现,这赢得了我的投票。该库确实存在一些问题,但是在我的实际测试中,它在性能和稳定性方面都领先于flashcanvas。
亚伦诺特,2012年

是否有新版本?链接已断开
Colbs


2

当前,ExplorerCanvas是模拟IE6、7和8的HTML5画布的唯一选项。您也对它的性能很正确,这很差。

我发现了一个粒子模拟程序,它对Google Chrome,Safari和Firefox中的真正HTML5画布处理与IE中的ExplorerCanvas之间的区别进行了基准测试。结果表明,支持canvas标记的主要浏览器的运行速度比带有ExplorerCanvas的IE中模拟HTML5的运行速度快20到30倍。

我怀疑是否有人会努力创建替代方案,因为1)excanvas.js的编码与它获得的编码完全一样; 2)IE9发布时,所有主要的浏览器最终都将支持canvas对象。希望我们会在一年内获得IE9

埃里克@ www.webkrunk.com


谁能告诉我“慢”是什么意思?您是说浏览器经常变得无响应(有点像挂起),还是加载页面需要很长时间,因为每个页面都必须加载excanvas.js重量很重的文件(是吗?)?
SexyBeast

excanvas.js不太大。问题更多地在于基于画布的动画中可能的最大帧速率。
空性

2

如果需要使用IE8,则可以尝试使用此JavaScript库进行矢量图形处理。这就像同时解决IE8的“画布”和“ SVG”不兼容问题一样。

拉斐尔

我只是在一个快速的示例中尝试过,它可以正常工作。我不知道源代码的可读性,但希望对您有帮助。正如他们在其网站上所说,该图书馆与非常古老的探险家兼容。

Raphaël当前支持Firefox 3.0 +,Safari 3.0 +,Chrome 5.0 +,Opera 9.5+和Internet Explorer 6.0+。


0

我只是使用了flashcanvas,并且可以正常工作。如果遇到问题,请务必阅读警告和注意事项。特别是,如果您动态创建画布元素,则需要显式初始化它们:

if (typeof FlashCanvas != "undefined") {
    FlashCanvas.initElement(canvas);
}
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.