在基于cordova的应用程序中，灰色图像被渲染失真

Question

将iPad更新到iOS 11后，客户注意到某些SVG文件有时会失真。看来这只会发生，如果正在执行另一个渲染操作并且此元素覆盖SVG文件。

还有其他人有这个问题并且有解决方案吗？保留SVG文件会很棒。在之前的iOS 11和Android上，我从未遇到过这个问题。

经过一些测试后，我确定这只发生在灰色图像上。无论是SVG还是PNG。

有时它甚至会渲染错误的图像。

它应该如何：

创建对话框后：

销毁对话框后：

Answer 1

我已经解决了我的问题。它是由这个CSS类引起的：

.desaturate {
    opacity: 0.5;
    filter: gray;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
}