我有一個SVG過濾器
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="0" width="0">
<defs>
<filter id="svgID">
<feTurbulence type="fractalNoise" baseFrequency="2" numOctaves="3"></feTurbulence>
<feDisplacementMap in="SourceGraphic" scale="5"></feDisplacementMap>
</filter>
</defs>
</svg>
我將應(yīng)用于頁面上的各種元素(使用各種不同的方法,從background-filter: url(#svgID)到簡單的filter:URL(# svgID)
在很大程度上,它是按照預(yù)期工作的。奇怪的是,我有幾個人測試了它,并報告說過濾器沒有出現(xiàn)。然后他們把瀏覽器窗口移到不同的屏幕上,它就開始工作了。將它移回原始屏幕,濾鏡效果消失。請注意,在Edge、Safari和Chrome的最新非開發(fā)版本上都觀察到了這種現(xiàn)象。在PC和Mac上(基于英特爾以及M1和M2)。所有實例中的瀏覽器都沒有調(diào)整大小。
這種影響也不依賴于任何媒體的詢問。