Random glitchy rendering of SVG on iOS/WKWebView
在基于
当发生这种情况时,似乎可能与CSS有关,因为如果我在调试页面时在Safari中更改了一些随机的(甚至是完全不相关的)CSS类,则故障可能会消失或随机返回。但是似乎没有韵律也没有理由,我们还没有任何方法可以可靠地复制它。
只是想知道是否有人对此有任何想法或曾经遇到过。
您可以看到有两种故障:明显的乱码图标,但也应该只有一个"度量"选项卡。这部分特别奇怪,因为"度量"标签只是文本,甚至不是图标的一部分!
如果我调试该元素,则它在调试器中的外观应与它相同。元素具有正确的背景图片url和标签应有的标签(我甚至可以将鼠标悬停在元素树中的标签上,并且即使文本完全错误,它也会在页面上突出显示标签)。它似乎完全以某种方式被搞砸了。
所以我们最终解决了这个问题,结果证明它与SVG根本没有任何关系。罪魁祸首实际上是正在应用的CSS灰度过滤器,可能与我们正在做的其他事情结合在一起。
简而言之,删除灰度滤镜可修复毛刺的渲染。