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

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

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

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

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

明明指定了宽高也没有用

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

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

使用preserveAspectRatio:none

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

下面是svg图片的展示


posted @ 2023-10-07 20:40  探索星空  阅读(59)  评论(0编辑  收藏  举报