与 png 等其他图像文件不同，SVG 背景不会不成比例地拉伸

Question

我的目标是拥有一个背景图像，可以拉伸以填充整个容器并拉伸而不保持比例。我发现以下代码适用于 png 文件，但不适用于 svg。

div
{
    background:url("/img/png/angle.png");
    background-size:100% 100%;
    background-repeat:no-repeat;
}

所以，这是可行的，但如果我用 svg 替换 png，它将保持其比例，这是您大多数时候想要的，但不是这个特定的时间。

所以，我绝对不必使用背景图像。如果使用 img 标签可以正常工作，我会使用它。我想要的只是让图像拉伸以填充并且不保持其比例。

Answer 1

添加preserveAspectRatio="none"根<svg>元素，这应该可以使其工作。