放大的SVG在Safari中的文字模糊

Question

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

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

chrome＆firefox＆edge（是的）：

野生动物园：

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

height: 2200vh;
position: fixed;

Answer 1

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

我们可以增加字体大小并减小高度（上下左右）的主要思想。

.st2{font-size:88px;}

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

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

Answer 2

我建议您使用其他解决方案以达到相同的效果（https://codepen.io/IvanBisultanov/pen/WKLoGQ）：

{{1}}