safari - lottie-animated svg 在 Safari 中非常像素化/模糊，但不是 Chrome/FF

Question

macOS Mojave After Effects 17.0.2 (CC 2020) Chrome/FF/Safari 和 Lottie/Bodymovin 最新版本

在 Safari 中缩放 svg 动画时（变换：scale(>1)），它会被渲染得非常像素化/模糊。在 Chrome 和 Firefox 中，它可以毫无问题地呈现。这是一个已知问题吗？如果是，是否有已知的解决方法？

你可以在这里找到动画：http: //kb.zeitweisen.com/Index.html

Answer 1

我有同样的问题。svg 在 Safari 中是模糊的。

svg 元素有

transform: translate3d(0px, 0px, 0px);

我涵盖了这种风格

transform: unset !important;

这个对我有用