在iOS / WKWebView上随机渲染SVG

Question

在基于WKWebView的iOS应用程序中显示SVG图标时，我们遇到了奇怪的间歇性（非常偶然）渲染故障。

当它确实发生时，似乎可能与CSS有关，因为如果我在调试页面时在Safari中更改一些随机（甚至完全不相关）的CSS类，则故障可能会消失或随机返回。虽然似乎没有押韵也没有理由，但我们还没有办法可靠地再现它。

只是想知道是否有人有任何想法或可能曾经遇到过这个。

你可以看到有几种故障：显而易见的乱码图标，但也只有一个Metrics选项卡。那部分特别奇怪，因为“Metrics”标签只是文字，甚至不是图标的一部分！

如果我调试元素，它看起来应该在调试器中。元素具有正确的背景图像URL，标签应该是它应该是（我甚至可以将鼠标悬停在元素树中的标签上，它将突出显示页面上的标签，即使文本完全错误）。似乎在某种程度上完全搞砸了实际的渲染。

Answer 1

所以我们最终解决了这个问题，结果发现它与SVG没有任何关系。罪魁祸首实际上是正在应用的CSS灰度过滤器，可能与我们正在做的其他事情相结合。

简而言之，删除灰度滤镜可以修复毛刺渲染。