在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

這是由灰度 PNG格式暴露的Safari錯誤。您可以通過將圖像轉換爲調色板或24位RGB來避免它。

我還沒有看到這個bug一段時間，所以我認爲它已被修復在當前的iOS版本。

Answer 2

這似乎是當圖像被縮放只是略微向上（當裝置在其渲染尺寸比原始圖像的稍大時發生的採樣僞像尺寸）。推測是渲染引擎中的一個錯誤。

解決方法是從圖像中刪除alpha通道（這不足以讓所有像素不透明;實際上它必須是不帶alpha通道的PNG）。我還沒有找到保存透明度的解決方法。