javascript - HTML5 DOM 闪烁问题

我开发了带有 Canvas 和 DOM 元素的 HTML5 游戏。我在播放时遇到闪烁的 DOM 元素问题。该问题出现在移动浏览器中，尤其是在 Chrome 中。

我的应用程序由全屏 Canvas 和 DOM 元素组成，作为 GUI(即弹出窗口)。在 Canvas 上循环渲染了许多对象。突然播放时，DOM 元素开始闪烁(不是完整的，而是规则的片段)。 DOM 元素绝对定位，并通过 CSS3 (transform:scale) 在窗口调整大小时缩放。

我不能发布代码，因为它是商业元素，但我在下面附上了屏幕。

有谁知道原因和解决方法吗？

提前致谢!

最佳答案

我认为您没有发布任何屏幕截图，但很可能是因为它在没有缓冲区的情况下重绘它。我会看一下双缓冲，我知道当我在编写 flash 和 java 游戏时，缓冲区确实解决了很多闪烁问题。

这是一个可能有帮助的先前问题: Does HTML5/Canvas Support Double Buffering?

编辑:好的，我现在看到屏幕了，它可能不是双缓冲，而是 CSS。我会仔细检查你的 CSS 是否有任何东西，比如 background-attachment: fixed 或 position: fixed，我知道有时在 Chrome 中会出现闪烁。

关于javascript - HTML5 DOM 闪烁问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/23503531/