在iPhone / iPad上的Safari中缩放时，Alpha通道PNG上的垂直条纹

Question

在iPhone / iPad上的Safari中，当我用两根手指缩放具有Alpha通道的PNG的网页时，在某些缩放级别会出现明显的渲染错误（垂直条纹）。

有没有人知道这方面的解决方法？

原文：http://i56.tinypic.com/2m47o8n.png

缩放：http://i56.tinypic.com/2v3q6mo.png

Answer 1

这似乎是一种采样伪像，当图像稍微向上缩放时（当设备上的渲染尺寸略大于原始图像的尺寸时）。可能是渲染引擎中的一个错误。

解决方法是从图像中删除Alpha通道（它不足以让所有像素都不透明;它实际上必须是没有Alpha通道的PNG）。我还没有找到一种保持透明度的解决方法。

Answer 2

这是由灰度 PNG格式曝光的S​​afari错误。您可以通过将图像转换为调色板或24位RGB来避免它。

我暂时没有看到这个bug，所以我认为它已经在当前的iOS版本中得到修复。