Javascript HTML5画布上的撕裂？

我正在使用HTML5

canvas

元素制作一个小游戏。它工作得很好，除了它有一个滚动的背景，在Firefox和Ubuntu的Chromium浏览器中会发生明显的撕裂。我很确定它是缓冲的，因为没有任何我期望的闪烁；只是撕裂。是否有办法解决此问题或在上次屏幕刷新后立即进行时间渲染？

目前没有办法控制画布元素的实际重新绘制（如果有，我想这实际上有助于提高性能）。因此，我们只能希望浏览器真的能做一些智能化的事情，而不是像你的情况那样搞砸

我自己对画布元素有相当多的经验，并且知道它的怪癖。到现在为止，我几次遇到了某种“重新绘制滞后”，显然幕后的实际数字是正确的和“平滑的”，但图形仍然有一些“跳跃”的行为，这实际上是非常令人讨厌的

我能想象的唯一一件对您有影响的事情是在图形卡的驱动程序设置中激活VSync

---

如果你想提供一个链接到你的游戏，可能也会有帮助，因为我也在这里运行Ubuntu。

谢谢你的建议。不幸的是，我目前正在使用从另一个游戏偷来的占位符艺术，所以我无法分发它，直到艺术全部被替换。我还看到了您提到的滞后问题。请参见：