svg - IE10 裁剪 SVG 而不是调整大小

Question

我解决了 IE10 仅在使用 css 设置样式时调整图像大小的问题，现在 IE10 正在裁剪 SVG 而不是调整其大小。其他浏览器没有这个问题。

我已经尝试了所有不同的组合，只声明高度或宽度，同时将另一个维度设置为自动而不设置它或同时设置两者。我也试过 preserveAspectRatio="none"在 img 标签上。

Answer 1

事实证明，IE 是唯一需要 viewBox 的浏览器。设置以缩放 svg。我使用了一个名为 inkscape 的免费程序来创建我的 svg，但它没有设置 View 框。使用文本编辑器打开 svg 并将其添加到 <svg...声明:

viewBox="0 0 64 64"

而不是 64，输入你的右下角的 x 和 y 应该是原始 svg 的大小。不确定天气是否应该归咎于 IE10 或inkscape ......

更新:您可以更新到inkscape 0.91，viewbox 属性将自动添加。