将SVG缩放到固定高度

时间:2017-08-05 17:52:22

标签: html css svg

我有许多国家/地区的标志,它们保存为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)和宽度自动缩放进行缩放。

1 个答案:

答案 0 :(得分:3)

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

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