【发布时间】：2020-02-06 05:10:43
【问题描述】：
有没有办法缩放重复的 svg 背景？例如，一个 10x10 像素的 svg 图像在 X 轴上重复，但随后可以将图块缩放到 20x10px 并使用 jquery 在 x 轴上重复？
我上传的这个 SVG 文件拒绝不按比例缩放：
.myDiv {
width:100%;
height:100px;
background:#eee url(https://svgur.com/i/Hmx.svg) repeat-x;
background-size: 10% 100%;
}
但是，我发现的这个随机 SVG 会缩放和重复：
.myDiv {
width:100%;
height:100px;
background:#eee url(http://phrogz.net/svg/tiger.svg) repeat-x;
background-size: 10% 100%;
}
第一个 SVG 文件有什么问题？为什么不按比例缩放？
【问题讨论】：
-
到目前为止你有没有尝试过？
-
是的。请看我的帖子，我正在添加它。
-
@PatrickHennessey 在第一个 SVG 文件中添加
width="800"和height="323.6"并在更改后删除viewBox="0 0 800 323.6"和style="enable-background:new 0 0 800 323.6;"然后它将作为第二个 SVG 工作。