Canvas 和 HTML5：支持的浏览器？答案

【问题标题】：Canvas and HTML5: Supported Browsers?Canvas 和 HTML5：支持的浏览器？
【发布时间】：2011-02-10 05:51:17
【问题描述】：

我正在考虑为我即将进行的项目使用 HTML5 Canvas 元素。我想知道所有主要浏览器（包括版本！，因为我知道最新版本确实支持画布）支持画布标签。我不在乎 IE。所以不要费心报告IE。 :) 在本教程Drawing shapes - MDC 中，quadraticCurveTo 部分说：

quadraticCurveTo(cp1x, cp1y, x, y) // Firefox 1.5 中的损坏（请参阅解决方法下面）

这是否意味着 Firefox 1.5 及更高版本也支持 Canvas？

【问题讨论】：

【解决方案1】：

caniuse.com 列出了浏览器对许多不同功能的支持，包括画布。

具体来说，浏览器对画布的支持列在caniuse.com/#search=canvas。

【讨论】：

是的，我以前看过那个页面。当我检查工作草案时，除了 IE 6/7/8 之外的大多数浏览器都被标记为就绪（只有基本支持）。我现在不关心画布的 Text API。如果我使用 excanvas hack，那么它也会为 IE 提供基本支持。对吗？

【解决方案2】：

这不仅与“支持 Canvas”有关，还与每个实现有关此的错误以及自初始版本以来添加的缺失方法有关。因此，即使某个版本的 Firefox 确实添加了基本的 Canvas 支持，它也可能存在一些错误，导致无法在您的应用程序中使用它。

在这种情况下，您可能需要检查当前版本，然后返回到您想要支持的位置，以验证它们是否按预期工作。

【讨论】：

Google 如何在 Google Wave 中实现 HTML5 功能并为几乎所有浏览器提供支持？对于 IE，有 Excanvas hack。其余的呢？我需要一个比较图表之类的东西，其中的比较不仅基于浏览器支持，还基于您所说的“缺少方法”
@Paddy：实现之间差异的一个例子是渲染 9pt 字体 Lucida Console 的文本。 Firefox 会让字母靠得很近，而 Chrome 会让它们散开。
我猜他们有一组测试可以在受支持的浏览器上运行，以验证一切是否按预期工作。无论如何，您必须记住，除了 IE 之外，其他浏览器的用户通常都会更新，您不必在旧浏览器中进行测试（它们甚至可能不受制造商的支持）