有没有办法让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
但不幸的是,灰度被裁剪,没有适当缩放。
我尝试添加" vector-effect =" non-scaling-stroke",没有用。
任何人都知道解决这个问题吗?
由于
更新: 我想我只是正确地注意到了自己的问题。它不是关于SVG版本更小,但SVG版本正在调整大小。我也必须更新上面的整个问题。
答案 0 :(得分:0)
仅在通过按Ctrl +鼠标滚动调整大小时才会出现此问题。 我不认为这是一个问题,除非有人提出任何建议。