html svg图片 如何不保持横纵比

图片不保持横纵比是一件很烦的事

背景图我们可以使用background-size

图片可以使用object-fit来保持横纵比

但有时svg图片要不保持横纵比

明明指定了宽高也没有用

原来矢量图天生就是锁定了横纵比

那怎么让svg不保持横纵比呢

使用preserveAspectRatio:none

<svg preserveAspectRatio="none" ...>
</svg>

下面是svg图片的展示