我如何在 IE 中使用 HTML5画布元素?

我试图使用 HTML5画布元素来绘制一些弧线和圆圈-这在 FF 中完美工作,但 IE8似乎并不支持它。

现在,有一些 Javascript 库似乎可以让 IE8很好地与 Canvas.这里可以找到一个例子协同工作。

我已经阅读了他们的整个来源,但我不能理解他们是如何使画布与 IE8工作。有人能解释一下所用的方法吗?

128714 次浏览

这个页面使用了 检查-一个 JS 库,它使用 IE 的 VML 渲染器来模拟画布元素。

请注意,在 Internet Explorer 9中,本机支持画布标记! 详情请参阅 MSDN 文件..。

你可以在 IE 上使用最新发布的 Chrome Frame 插件,但是它要求 HTML 5网站包含一个特殊的 meta 标签来启用这个插件。

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

Chrome Frame 似乎使用了 Explore Canvas (excanvas.js)。

目前,ExplorerCanvas 是模拟 IE6、7和8的 HTML5画布的唯一选项。你也说对了,它的性能很差。

我发现了一个粒子模拟器,可以测试 Google Chrome、 Safari 和 Firefox 中真正的 HTML5画布处理与 IE 中的 ExplorerCanvas 之间的区别。结果显示,支持画布标记的主流浏览器运行速度是使用 ExplorerCanvas 的 IE 中模拟 HTML5的20到30倍。

我怀疑任何人都不会去尝试创建一个替代品,因为1) excanvas.js 的代码非常清晰,2)当 IE9发布时,所有主流浏览器最终都会支持画布对象。希望我们能在一年内得到 IE9

Www.webkrunk.com

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

它实现了几乎所有的画布在闪光垫 API。

我刚刚用了 闪光画布我把它修好了。如果您遇到问题,只要确保阅读警告和诸如此类的东西。特别是,如果动态创建画布元素,则需要显式地初始化它们:

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

如果您需要使用 IE8,您可以尝试使用这个 JavaScript 库获得矢量图形。这就像同时解决 IE8的“画布”和“ SVG”不兼容性一样。

拉斐尔

我只是在一个快速示例中尝试了一下,它运行正确。我不知道源代码有多清晰,但我希望它能帮到你。正如他们在其网站上所说,图书馆与非常古老的探险家兼容。

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