performance - Canvas 标签 - drawarc vs image

Question

我已经实现了一个 Canvas 元素，它使用 drawarc 来创建气泡在背景上以不同速度上升的效果(这是一个为水下主题客户提供的水下主题网站)- 它看起来非常好而且我很漂亮对此很满意，但我注意到某些浏览器(特别是 IE9)存在轻微的性能问题。

我正在使用 drawarc 绘制气泡以创建半透明圆圈 - 谁能告诉我将图像/ Sprite 标记到 Canvas 上是否更昂贵或更便宜(就客户端性能而言)？

-迈克

Answer 1

绘制圆弧/圆比绘制图像要昂贵得多。绘制图像很可能是在 Canvas 上绘制任何内容的最有效方法。我写了我的 Bachelor Thesis关于这个问题。它是德语的，但基本上在使用 arc 和 arcTo 绘制圆弧时，您在 IE9 中的操作速度低于 15.000 次/秒。绘制图像时，每秒可进行超过 160,000 次操作。