在我们的 iOS 应用程序中显示 SVG 图标时，我们遇到了奇怪的间歇性（非常偶然）渲染故障，基于WKWebView.
当它确实发生时，它似乎可能与 CSS 相关，因为如果我在调试页面时在 Safari 中更改一些随机（甚至完全不相关）的 CSS 类，则故障可能会消失或随机返回。但它似乎没有任何规律或理由，而且我们还没有任何方法来可靠地重现它。
只是想知道是否有人有任何想法或以前可能遇到过这种情况。
正如你所看到的，有几种小故障：明显的乱码图标，但也只是应该有one指标选项卡。这部分特别奇怪，因为“Metrics”标签只是文本，甚至不是图标的一部分！
如果我调试该元素，它在调试器中看起来应该是这样。该元素具有正确的背景图像 url，标签也应如此（我什至可以将鼠标悬停在元素树中的标签上，它会突出显示页面上的标签，即使文本完全错误）。它似乎在实际渲染中完全搞砸了。
所以我们最终解决了这个问题，结果发现它与 SVG 没有任何关系。罪魁祸首实际上是正在应用的 CSS 灰度滤镜，可能与我们正在做的其他事情结合在一起。
简而言之，删除灰度滤镜修复了渲染问题。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
