2D纹理渲染在Safari中闪烁,在Chrome / Firefox中很好

2D Texture rendering blinky in Safari, fine in Chrome / Firefox

本文关键字:Chrome Firefox 很好 闪烁 纹理 Safari 2D      更新时间:2023-09-26

livesite在这里:

https://handoffgame.herokuapp.com/

它被渲染为:

  • http://handoffgame.herokuapp.com/lib/blit/surface.js
  • http://handoffgame.herokuapp.com/lib/blit/sprite.js
  • http://handoffgame.herokuapp.com/lib/blit/web-gl.js

我希望我有一个更具体的问题,但没有错误,Safari 似乎认为它工作正常......但纹理会眨眼和眨眼。现在我正试图弄清楚什么类型的事情会导致这样的问题,因为我不知道。

事实证明,Safari 不允许你drawImage超出图像的范围,并且像素的一些不精确会导致略小于像素的过度绘制。

我通过在从图像绘制之前检查图像的宽度和高度边界来修复它。