html - 放大的 SVG 在 Safari 中的文本模糊

Question

我还没有找到解决方案。我尝试了很多 webkit css 的东西。也许我在错误的元素上使用了它们，或者它们只是不起作用。

我将带有文本的 SVG 缩放到 2000vh。我的期望是 SVG 应该看起来不错，因为它是基于矢量的。并且我的期望在 3/4 浏览器中得到了满足。

chrome & firefox & edge（确实如此）：

苹果浏览器：

http://jsfiddle.net/swisswiss/57t4u96z/

height: 2200vh;
position: fixed;

标签： htmlsvgsafari

Answer 1

这是另一个解决方案 - http://jsfiddle.net/2795fkLb/1/

我们可以增加字体大小并减少高度、顶部和左侧的主要思想。

.st2{font-size:88px;}

#Layer_1 {
    height: 550vh;
    top: -250vh;
    left: -250vh;
}

在我的示例中，我使用 4x。它仍然不理想，但您可以增加因子。