Mozilla 图像在源更改时闪烁
Mozilla image flicker on source change
我有一个图像预加载器，它会在未来预加载 n 个图像。我可以在网络检查器中看到加载。然后我向下滚动时有这段代码：
$scope.image = Preloader.getNext();
用已加载的图像替换当前图像。而 getNext() 只是 return Image() 对象。
然后在我看来是这样的：
<img id="frames" ng-src="{{image.src}}" />
显示当前图像。在每个浏览器（包括 IE）上都可以正常工作，但只有在 mozilla 中才会出现烦人的闪烁：
您是否知道为什么会发生这种情况，更好的办法是如何解决它？
谢谢大家。
我通过将图像渲染切换为 canvas 而不是 dom 来解决此问题。
我有一个图像预加载器，它会在未来预加载 n 个图像。我可以在网络检查器中看到加载。然后我向下滚动时有这段代码：
$scope.image = Preloader.getNext();
用已加载的图像替换当前图像。而 getNext() 只是 return Image() 对象。 然后在我看来是这样的：
<img id="frames" ng-src="{{image.src}}" />
显示当前图像。在每个浏览器（包括 IE）上都可以正常工作，但只有在 mozilla 中才会出现烦人的闪烁：
您是否知道为什么会发生这种情况，更好的办法是如何解决它？
谢谢大家。
我通过将图像渲染切换为 canvas 而不是 dom 来解决此问题。