Javascript 裁剪图像与纵横比1:1

Javascript 裁剪图像与纵横比1:1,javascript,html,css,reactjs,image,Javascript,Html,Css,Reactjs,Image,我想在React.js中裁剪图像,例如使用组件 看起来非常合适,但我无法设置自定义图像大小。允许您调整图像大小、裁剪图像并保留其比例 可以设置要裁剪的区域。如果您要设置宽度和高度,那么aspectRatio信息不是多余的吗?@Terry,我有一个1280x720图像,我有一个96x96图像的包装,当我将图像大小设置为96x96时,它看起来不成比例,因此,我需要先将16:9转换为1:1,然后才能为图像设置96x96。也许有一个更好的解决方案是没有意义的。96x96已经是1:1了。也许你在找:-@G

我想在React.js中裁剪图像,例如使用
组件
看起来非常合适,但我无法设置自定义图像大小。

允许您调整图像大小、裁剪图像并保留其比例


可以设置要裁剪的区域。

如果您要设置宽度和高度,那么
aspectRatio
信息不是多余的吗?@Terry,我有一个
1280x720
图像,我有一个
96x96
图像的包装,当我将图像大小设置为
96x96
时,它看起来不成比例,因此,我需要先将
16:9
转换为
1:1
,然后才能为图像设置
96x96
。也许有一个更好的解决方案是没有意义的。96x96已经是1:1了。也许你在找:-@G-Cyrillus,啊,我忘了
对象匹配
。。
object-fit:cover
在我的情况下非常有效。我可以接受你的评论作为对我问题的回答。