首页 > 解决方案 > 如何在 Chrome 和 Firefox 中不保持锐利的情况下放大 SVG?

问题描述

我有一个带有很多向上平移以产生冒泡效果的圆圈的 SVG。在滚动时,这个 SVG 放大 15 倍。在 Safari 中,圆圈在比例上变得模糊,但在 Chrome 和 Firefox 中它们保持清晰。我发现了很多问题,询问如何让 Safari 也让它们变得清晰,但我想要相反。我需要在缩放时使圆圈变得模糊,主要是因为 Safari 上的性能要好得多,而且模糊也给它带来了很好的景深效果。

有没有办法做到这一点?

谢谢!

标签: svgtransformscaleblur

解决方案


推荐阅读