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

标签 svg internet-explorer-10 inkscape

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

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

最佳答案

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

viewBox="0 0 64 64"

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

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

关于svg - IE10 裁剪 SVG 而不是调整大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15905660/

相关文章:

c - 在 Gtk+ 应用程序中嵌入可编写脚本的交互式 SVG 的最新技术?

javascript - 将文本标签添加到 Force directed Graph 中的 d3 节点并在悬停时调整大小

html - 有没有关于wp8 ie10开发的资源?

javascript - 使用 javascript 的 IE10 中 window.opener 中的 DOM 树限制?

inkscape - 复制粘贴文本不起作用 - inkscape

javascript - 哪个更轻 : polygon or path?

html - 如何创建 css 渐变和阴影

svg - 在 web 上的 html 中使用inkscape svg

html - 需要一个 150px 宽,20px 高, "THIS IS A TEST' 加粗字体,石灰背景的 SVG 文件