cropperjs裁剪固定尺寸图片-----已实践

本文介绍如何使用Cropper.js库裁剪固定尺寸的图片,而非传统的长宽比裁剪。通过设置getCroppedCanvas方法的参数,可以指定输出画布的目标宽度、高度以及最小和最大尺寸限制。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

最近项目又用到了cropper,但是这次需求跟之前不同的是,这次的需求裁剪出来的图片要是固定尺寸的图片,而不是长宽比尺寸的图。于是在网上搜索了半天,发现貌似没有方法,只好去看文档https://github.com/fengyuanchen/cropperjs了。在文档中看到了希望。

var	canvas = cropper.getCroppedCanvas({
            width:236,//输出画布的目标宽度
            height:146,//输出画布的目标高度。
            minWidth:236,//输出画布的最小目标宽度,默认值为0。
            minHeight:146,//输出画布的最小目标高度,默认值为0。
            maxWidth:236,//输出画布的最大目标宽度,默认值为Infinity(无穷大)。
            maxHeight:146,//输出画布的最大目标高度,默认值为Infinity(无穷大)。
        });

希望这个对各位朋友有用。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

lbchenxy

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值