【发布时间】:2021-02-25 16:40:24
【问题描述】:
我有一个网站,它有一个跟随光标移动的 svg。
它在 Chrome 和 Safari 中运行良好,但在 Safari(ios 和桌面)中出现故障。物体边缘周围出现了一些奇怪的方块。我不确定是混叠还是什么。也许是优化错误之类的?
如果有人知道如何解决这个问题,我将不胜感激。
非常感谢
【问题讨论】:
标签: html css animation svg safari
我有一个网站,它有一个跟随光标移动的 svg。
它在 Chrome 和 Safari 中运行良好,但在 Safari(ios 和桌面)中出现故障。物体边缘周围出现了一些奇怪的方块。我不确定是混叠还是什么。也许是优化错误之类的?
如果有人知道如何解决这个问题,我将不胜感激。
非常感谢
【问题讨论】:
标签: html css animation svg safari
更新我的进度:
我将故障范围缩小到我在 svg 上使用的 filter:blur() 上的结果。这似乎导致 CPU 消耗非常高,我已经读过这对于模糊元素很常见。
虽然效果仍然有点卡顿,但通过切换到使用 SVG 过滤器而不是 CSS 过滤器,我能够显着提高页面的性能(尤其是在 Firefox 和 Safari 中)。
【讨论】: