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

Question

有没有办法让Windows图像的SVG版本不被裁剪？

您可以尝试在此处调整窗口大小：

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

或

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

请注意，图像的灰度版本与Windows较小时的颜色尺寸不同，这是在较小的窗口上裁剪SVG。

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

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

我正在尝试消化： https://developer.mozilla.org/en/CSS/Scaling_of_SVG_backgrounds

但这不是我需要的。

我需要两种状态的图像：这里讨论的颜色和灰度，只希望SVG正确缩放，如果可能的话： Convert an image to grayscale in HTML/CSS

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

我尝试添加＆＃34; vector-effect =＆＃34; non-scaling-stroke＆＃34;，没有用。

任何人都知道解决这个问题吗？

由于

更新： 我想我只是正确地注意到了自己的问题。它不是关于SVG版本更小，但SVG版本正在调整大小。我也必须更新上面的整个问题。

Answer 1

仅在通过按Ctrl +鼠标滚动调整大小时才会出现此问题。 我不认为这是一个问题，除非有人提出任何建议。