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

我正在尝试使用HTML5canvas元素来绘制一些弧线和圆圈 – 这在FF中完美运行,但是IE8似乎不支持它。

现在,存在Javascript库似乎使IE8与Canvas一起运行良好。 一个例子可以在这里find 。

我已经阅读了他们的完整源代码,但我不明白他们如何使用Canvas与IE8工作。 有人可以对使用的方法进行一些说明吗?

该页面正在使用excanvas – 一个JS库,它使用IE的VML渲染器来模拟canvas元素。

请注意,在Internet Explorer 9中, 本地支持canvas标记 ! 有关详细信息,请参阅MSDN文档

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

它在闪存中实现了几乎所有的Canvas API。

您可以使用新发布的Chrome浏览器框架插件的IE浏览器,但它要求HTML 5网站包括特殊元标记,使插件。

http://code.google.com/chrome/chromeframe/

Chrome框架似乎使用探索canvas(excanvas.js)。

目前,ExplorerCanvas是模拟IE6,7和8的HTML5canvas的唯一选项。你对它的性能也是正确的,这很糟糕。

我发现了一个粒子模拟器,用于评估Google Chrome,Safari和Firefox中真正的HTML5 canvas处理与IE中的ExplorerCanvas之间的区别。 结果显示,支持canvas标签的主要浏览器的运行速度比使用ExplorerCanvas的IE中的模拟HTML5快20到30倍。

我怀疑任何人都会通过创build一个替代品的努力,因为1)excanvas.js是干净的编码,2)当IE9被释放时,所有的主要浏览器将最终支持canvas对象。 希望我们能在一年内得到IE9

埃里克@ http://www.webkrunk.com

如果你需要使用IE8,你可以尝试这个JavaScript库的vectorgraphics。 这就像解决IE8的“canvas”和“SVG”不兼容问题一样。

拉斐尔

我只是尝试一个快速的例子,它正常工作。 我不知道源代码是多么清晰,但我希望它可以帮助你。 正如他们在网站上所说的,图书馆和很老的探险家是一致的。

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

我只是用flashcanvas ,而我得到了这个工作。 如果遇到问题,请务必阅读注意事项。 特别是,如果您dynamic创buildcanvas元素,则需要显式初始化它们:

 if (typeof FlashCanvas != "undefined") { FlashCanvas.initElement(canvas); }