IE10 裁剪 SVG 而不是调整大小答案

【问题标题】：IE10 crops SVG instead of resizingIE10 裁剪 SVG 而不是调整大小
【发布时间】：2013-04-01 02:27:54
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

viewBox="0 0 64 64"

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

更新：你可以更新到inkscape 0.91，viewbox属性会自动添加。

【讨论】：

如果你知道在哪里搜索（非常感谢），很容易找到解决方案：wiki.inkscape.org/wiki/index.php/…（最快的解决方案：将 InkScape 更新到 0.91，属性会自动添加）
谢谢！这解决了 IE11 上的相同问题。
只是评论说这仍然是 IE 的问题（或至少是类似的问题），它正在裁剪悬挂的文本位（如“y”或“g”）一个 SVG（不是用 Inkscape 创建的）。 PowerPoint 和 Ubuntu 的 Image Viewer 也有同样的渲染问题，而 Chrome 和 FireFox 则没有。通过添加viewBox 属性，已在所有应用程序上修复了该问题。