【问题标题】:filter:blur() is causing glitching in Safarifilter:blur() 导致 Safari 出现故障
【发布时间】:2021-02-25 16:40:24
【问题描述】:

我有一个网站,它有一个跟随光标移动的 svg。

spitfire-x-warp.netlify.app

它在 Chrome 和 Safari 中运行良好,但在 Safari(ios 和桌面)中出现故障。物体边缘周围出现了一些奇怪的方块。我不确定是混叠还是什么。也许是优化错误之类的?

如果有人知道如何解决这个问题,我将不胜感激。

非常感谢

【问题讨论】:

    标签: html css animation svg safari


    【解决方案1】:

    更新我的进度:

    我将故障范围缩小到我在 svg 上使用的 filter:blur() 上的结果。这似乎导致 CPU 消耗非常高,我已经读过这对于模糊元素很常见。

    虽然效果仍然有点卡顿,但通过切换到使用 SVG 过滤器而不是 CSS 过滤器,我能够显着提高页面的性能(尤其是在 Firefox 和 Safari 中)。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-05-16
      • 2021-01-29
      • 2020-01-28
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2020-01-04
      相关资源
      最近更新 更多