在chrome浏览器中将svg图像调整为背景-Resizesvgimageasbackgroundinchromebrowser

19  

Maybe adding preserveAspectRatio="none" to open tag in the SVG file could help?

也许添加preserveAspectRatio =“none”来打开SVG文件中的标签可能会有所帮助吗?

JSBin example

6  

I do not have enough reputation to upvote or comment, so only answering it again will work. I solved a similar case by just adding preserveAspectRatio="none".

我没有足够的声誉来赞成或评论,所以只有再次回答它才会有效。我通过添加preserveAspectRatio =“none”解决了类似的情况。

1  

Don't use background-size. What you need to do is have the following values for width, height and preserveAspectRatio in your SVG file.

不要使用背景大小。您需要做的是在SVG文件中具有以下宽度,高度和preserveAspectRatio值。

Note that in order for this to work, your SVG needs to have a valid viewBox as well. Which it does appear to do.

请注意,为了使其正常工作,您的SVG也需要有一个有效的viewBox。它看起来确实如此。

1  

It's a Chrome bug. Regression, in fact.

这是一个Chrome错误。事实上,回归。

http://code.google.com/p/chromium/issues/detail?id=113414

0  

I think technically chrome is correct on this one, you need to adjust your background-size values to what you actually want. Keeping them at 100% is forcing the aspect ratio to remain constant.

我认为技术上铬是正确的,你需要调整你的背景大小值到你真正想要的。将它们保持在100%会迫使纵横比保持不变。