在iOS/WKWebView上随机渲染SVG

在我们的iOS应用程序中显示SVG图标时,我们遇到了奇怪的间歇性(非常偶然的)渲染故障WKWebView.

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

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

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

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

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

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