如何避免在调整窗口大小时裁剪SVG

Question

有没有办法让SVG版本的图像在Windows大小调整时不被裁剪？

您可以尝试在这里调整Windows：

http://demosthenes.info/blog/532/Convert-Images-To-Black--White-With-CSS

或

http://www.read-design.co.uk/css3-grey-scale-image-filters/

注意，图像的灰度版本的尺寸与颜色之一，当窗口相同更小，这是SVG在较小的窗口上裁剪。

但那些JS似乎很好地扩展： http://james.padolsey.com/demos/grayscale/

不幸的是，只要有可能，我想避免JS，并且更喜欢简单的SVG文件与一些CSS。

我试图消化： https://developer.mozilla.org/en/CSS/Scaling_of_SVG_backgrounds

但是，这不是我所需要的。

我需要图像的两种状态：如这里所讨论的色彩和灰度，只希望SVG比例适当，如果可能的话： Convert an image to grayscale in HTML/CSS

但不幸的是灰度被裁剪，没有正确缩放。

我尝试添加“矢量效果=”不结垢中风”，没有使用

任何人都知道，分辨率这个问题

感谢

更新：？ 我想我只是注意到我自己的问题，它不是关于SVG版本更小，但SVG版本正在裁剪调整大小，我必须更新我的整个问题以及

Answer 1

该问题只发生在调整大小时按C键trl +鼠标滚动。 我不认为它是一个问题，除非有人提出任何建议。