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

Question

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

现在，存在Javascript库似乎使IE8与Canvas一起运行良好。 An example can be found here。

我已阅读他们的完整源代码，但我无法理解他们如何使Canvas与IE8一起工作。有人可以对使用的方法进行说明吗？

Answer 1

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

请注意，在Internet Explorer 9中，the canvas tag is supported natively！有关详细信息，请参阅MSDN docs ...

Answer 2

您可以使用最新发布的适用于IE的Chrome Frame插件，但它要求HTML 5网站包含启用该插件的特殊元标记。

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

浏览器内嵌框架似乎用帆布探索（excanvas.js）。

Answer 3

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

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

我怀疑任何人都会通过创建替代品的努力，因为1）excanvas.js是干净的编码，2）当IE9发布时，所有的主流浏览器将最终支持画布对象。我们希望，我们将在一年

埃里克内得到IE9 @ www.webkrunk.com

Answer 4

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

它实现了闪存垫片内几乎所有的画布API。

Answer 5

我刚刚使用flashcanvas，我得到了那个工作。如果遇到问题，请务必阅读注意事项和其他事项。特别是，如果你动态地创建画布元素，你需要明确它们进行初始化：

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

Answer 6

如果你需要使用IE8，你可以试试这个JavaScript库的矢量图形。这就像同时解决IE8的“画布”和“SVG”不兼容问题。

Raphaël

我刚刚尝试在快速例子，它工作正常。我不知道源代码有多清晰，但我希望它对您有所帮助。正如他们在其网站上所说的，图书馆与非常古老的探险家兼容。

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