关于CSS:iOS / WKWebView上SVG的随机小故障渲染

Random glitchy rendering of SVG on iOS/WKWebView

在基于WKWebView的iOS应用中显示SVG图标时,我们遇到了一种奇怪的间歇性(偶尔)渲染故障。

当发生这种情况时,似乎可能与CSS有关,因为如果我在调试页面时在Safari中更改了一些随机的(甚至是完全不相关的)CSS类,则故障可能会消失或随机返回。但是似乎没有韵律也没有理由,我们还没有任何方法可以可靠地复制它。

只是想知道是否有人对此有任何想法或曾经遇到过。

enter

如果我调试该元素,则它在调试器中的外观应与它相同。元素具有正确的背景图片url和标签应有的标签(我甚至可以将鼠标悬停在元素树中的标签上,并且即使文本完全错误,它也会在页面上突出显示标签)。它似乎完全以某种方式被搞砸了。


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

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