我有一些指定 width 和 height 以及 viewbox 的 SVG 文件，如下所示:
<svg width="576pt" height="432pt" viewBox="0 0 576 432" > ...
但是如何以我决定的大小在浏览器中显示它们呢？我希望它们更小并尝试过:
<object width="400" data="image.svg"></object>
但随后我得到了可见的滚动条。
如果我更改 SVG 文件以将 width 和 height 设置为 100%，它会起作用，但我想决定大小HTML 而不管 SVG 文件中使用的是什么尺寸。这可能吗 ？
最佳答案
您可以将“preserveAspectRatio”和“viewBox”属性添加到 <svg>标记来完成此操作。
在编辑器中打开 .svg 文件并找到 <svg>标签。
在该标记中，添加以下属性:
preserveAspectRatio="xMinYMin meet"
viewBox="0 0 {width} {height}"
将 {width} 和 {height} 替换为 viewBox 的一些默认值。我使用了 SVG 标签的“宽度”和“高度”属性的值，它似乎有效。
保存 SVG，它现在应该按预期缩放。
我在这里找到了这个信息:
https://blueprints.launchpad.net/inkscape/+spec/allow-browser-resizing
关于html - 如何缩放嵌入了 <object> 标签的顽固 SVG？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/644896/