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

【问题标题】：lottie-animated svg very pixelated/blurry in Safari but not Chrome/FFlottie-animated svg 在 Safari 中非常像素化/模糊，但不是 Chrome/FF
【发布时间】：2020-02-17 08:50:25
【问题描述】：

macOS 莫哈韦 After Effects 17.0.2（CC 2020） Chrome/FF/Safari 和 Lottie/Bodymovin 的最新版本

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

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

【问题讨论】：

我最终用宽度/高度缩放动画，然后使用“transform: translate()”将其推入到位。不是最优雅的方式，但至少它给了我相同的结果。

标签： safari scaling svg-animate lottie blurry

【解决方案1】：

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

svg 元素有

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

我涵盖了这种风格

transform: unset !important;

对我有用

【讨论】：

你拯救了我的一天，非常感谢修复
这对我也有用，谢谢！我的在 Chrome 中是模糊的