如何缩放嵌入<Object>标记的顽固SVG?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (18)

有一些SVG文件指定widthheight以及viewbox就像这样:

<svg width="576pt" height="432pt" viewBox="0 0 576 432" > ...

如何在浏览器中以我决定的大小显示它们呢?我想让它们变小,并尝试过:

<object width="400" data="image.svg"></object>

提问于
用户回答回答于

使用<img>标签和宽度与SVG一起工作

<img width="400" src="image.svg">
用户回答回答于

可以将“保存AspectRatio”和“Viewbox”属性添加到<svg>标记来完成这个任务

preserveAspectRatio="xMinYMin meet"
viewBox="0 0 {width} {height}"

扫码关注云+社区