图片不保持横纵比是一件很烦的事
背景图我们可以使用background-size
图片可以使用object-fit
来保持横纵比
但有时svg图片要不保持横纵比
明明指定了宽高也没有用
原来矢量图天生就是锁定了横纵比
那怎么让svg不保持横纵比呢
使用preserveAspectRatio:none
<svg preserveAspectRatio="none" ...>
</svg>
下面是svg图片的展示
图片不保持横纵比是一件很烦的事
背景图我们可以使用background-size
图片可以使用object-fit
来保持横纵比
但有时svg图片要不保持横纵比
明明指定了宽高也没有用
原来矢量图天生就是锁定了横纵比
那怎么让svg不保持横纵比呢
使用preserveAspectRatio:none
<svg preserveAspectRatio="none" ...>
</svg>
下面是svg图片的展示