新的 HTML5 Canvas API 支持答案

【问题标题】：New HTML5 Canvas API support新的 HTML5 Canvas API 支持
【发布时间】：2012-11-02 22:52:01
【问题描述】：

我发现了几篇关于 HTML5 Canvas API 中的新功能的帖子，例如路径原语或命中区域。当前的规范（4.8.11）似乎具有以下功能： http://www.whatwg.org/specs/web-apps/current-work/multipage/the-canvas-element.html#hit-regions

虽然我的 Chrome 23.0.1271.64 中的 context.addHitRegion（上下文是 canvas2d 上下文）返回未定义（我也无法创建路径原语）。

有人知道这些功能何时实施（他们的公告是从 3 月开始的，所以已经 8 个月了）？

我可以在某些浏览器的某些 beta 版本中测试它们吗（最好是在 linux 下）？

【问题讨论】：

【解决方案1】：

暂时没有。

大约 1-2 个月前，我询问了 Chrome 团队和 Firefox 团队，但他们都没有具体的时间表。这似乎还不是优先事项。

在 10 月 28 日我与 FF 人员的电子邮件通信中，他们回复：

我假设您指的是 Path / Pattern 对象和相关更改；有-AFAIK-没有立即实施它们的计划。最近进入 2D 画布实现的大部分工作都是重构；特别是，我们曾经有两个独立的实现，其中一个已在几周前被删除。

【讨论】：

如果你想要路径和命中区域，你可以使用 SVG 而不是 canvas，所以我猜在不久的将来这将保持低优先级。
但是 SVG 不是硬件加速的，不能像 canvas 那样处理这么多的图形，我错了吗？
你说得对，danilo2，快速命中测试是将这些新 Path 对象引入 Canvas 规范的主要原因之一。
@danilo2 我很确定 SVG 在与canvas 硬件加速的所有相同平台上都是硬件加速的，这是 18 个月前的 IE blog post，当时所有实现都处于早期。如果您有更多最新信息，请分享。
无论加速如何，与在画布上绘制的路径相比，SVG 对象都包含大量开销。有一百万条性能测试/文章显示了差异，即jsperf.com/html-vs-svg-vs-canvas/2 和joeloughton.com/blog/web-applications/svg-vs-canvas-performance