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

在将iPad升级到iOS 11后，一位客户注意到一些SVG文件有时会被扭曲。似乎只有在执行另一个渲染操作并且该元素覆盖SVG文件时，才会发生这种情况

还有其他人有这个问题并有解决方案吗？保留SVG文件会很好。在iOS 11和安卓系统之前，我从未遇到过这个问题

经过一些测试，我确信这只会发生在灰度图像上。不管是SVG还是PNG

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

它应该是什么样子的：

创建对话框后：

销毁对话框后：

---

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

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

---

这是在Safari中吗？啊，对不起，忘了提到这是一个基于Cordova的应用程序。