我已经实现了一个 Canvas 元素，它使用 drawarc 来创建气泡在背景上以不同速度上升的效果(这是一个为水下主题客户提供的水下主题网站)- 它看起来非常好而且我很漂亮对此很满意，但我注意到某些浏览器(特别是 IE9)存在轻微的性能问题。
我正在使用 drawarc 绘制气泡以创建半透明圆圈 - 谁能告诉我将图像/ Sprite 标记到 Canvas 上是否更昂贵或更便宜(就客户端性能而言)？
-迈克
最佳答案
绘制圆弧/圆比绘制图像要昂贵得多。绘制图像很可能是在 Canvas 上绘制任何内容的最有效方法。我写了我的 Bachelor Thesis关于这个问题。它是德语的，但基本上在使用 arc 和 arcTo 绘制圆弧时，您在 IE9 中的操作速度低于 15.000 次/秒。绘制图像时，每秒可进行超过 160,000 次操作。
关于performance - Canvas 标签 - drawarc vs image，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7173741/