在iOS/WKWebView上隨機出現SVG圖形

Question

在我們的iOS應用中基於WKWebView顯示SVG圖標時，我們正在經歷一個奇怪的間歇性（非常偶然的）渲染故障。

當它發生時，它似乎可能與CSS綁定在一起，如果在調試頁面時在Safari中更改了一些隨機（甚至完全不相關的）CSS類，則毛刺可能會消失或隨機回來。雖然似乎沒有任何原因，我們也沒有辦法可靠地再現它。

只是想知道如果有人有任何想法或可能以前遇到過這個。

正如你可以看到有幾個種類的毛刺：明顯的亂碼圖標，但也有隻應該是一個指標標籤。這部分特別奇怪，因爲「度量」標籤只是文本，甚至不是圖標的一部分！

如果我調試元素，它看起來應該在調試器中。該元素具有正確的背景圖片url，標籤應該是這樣的（我甚至可以將鼠標懸停在元素樹中的標籤上，即使文本完全錯誤，它也會突出顯示頁面上的標籤）。它似乎完全搞砸了實際渲染莫名其妙。

Answer 1

所以我們最終解決了這個問題，事實證明它與SVG沒有任何關係。罪魁禍首實際上是正在應用的CSS灰度過濾器，可能與我們正在做的其他事情相結合。

簡而言之，刪除灰度過濾器可修復出現問題的渲染。