视网膜设备上的野生动物园中的SVG背景图像缩放问题

Question

我在网站上使用svg作为background-image的图像，但是我注意到该图像在safari中无法正确呈现（即在mac os high sierra中使用最新版本的safari）。实际上，在野生动物园中图像模糊/像素化，但在chrome或Firefox中则没有。我想这是野生动物园本身的错误，但是我想知道是否有针对此的修复程序。

我已经尝试了多种方法，例如更改background-size和background-repeat属性，以及使用不同的值更改我的svg文件中的preserveAspectRatio，但是并不能解决问题。

这是我要修复的元素的CSS：

.intro {
  display: table;
  width: 100%;
  height: auto;
  padding: 100px 0;
  text-align: center;
  color: white;
  background: url(../img/pattern.svg);
  background-color: black;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  -o-background-size: cover;
}

这是我的svg文件：https://obrassard.ca/img/pattern.svg

非常感谢！