在不保持纵横比的情况下拉伸svg背景

Question

我想使用svg图像作为背景图像，我想显示整个图像（不裁剪），并将图像拉伸到容器div的高度和宽度的100％，而不保留原始的宽高比。

我希望这可以工作：

background-size: 100% 100%;

但是不是，高度不是100％，宽度不是，它保持原始的宽高比。

如果我使用png图像而不是svg，它确实可以工作。

有没有办法用svg做到这一点？

Answer 1

解：

在文本编辑器中打开svg文件，并添加以下属性：

<svg preserveAspectRatio="none"