将 SVG 缩放到固定高度

Question

我有许多国家/地区的国旗被保存为具有固定高度和宽度的 SVG，每个国旗之间都不同（有些是 1000x700 其他是 1500x300 等）

例子：

<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="1000" height="700"></svg>

https://codepen.io/anon/pen/aypvdj

我想要做的是将其缩放到更小的尺寸。

我不明白如何使用固定高度（例如 80px）和宽度自动缩放进行缩放。

Answer 1

删除宽度，将高度更改为 80px 并添加一个 viewBox 例如

height="80" viewBox="0 0 1000 700"