vue-cropper icon indicating copy to clipboard operation
vue-cropper copied to clipboard

裁剪框固定大小问题

Open lorenwe opened this issue 3 years ago • 1 comments

我需要裁剪出来的图片都是750*600的,但是我不能设置裁剪框显示成这个大小,总是给我显示成其他的像素,怎么设置都不成功,突然觉得这个裁剪库是不是有点管的太多了,连生成一个固定像素大小的裁剪框都不行,以下是我的配置。是不是设置出问题了 img: '', //裁剪图片的地址         outputSize: 1, // 裁剪生成图片的质量         outputType: 'png', // 裁剪生成图片的格式         full: false, // 是否输出原图比例的截图         info: true, // 图片大小信息         canScale: true, // 图片是否允许滚轮缩放         autoCrop: true, // 是否默认生成截图框         autoCropWidth: 375, // 默认生成截图框宽度         autoCropHeight: 300, // 默认生成截图框高度         canMove: true, // 上传图片是否可以移动         fixedBox: true, // 固定截图框大小 不允许改变         fixed: false, // 是否开启截图框宽高固定比例         canMoveBox: true, // 截图框能否拖动         original: false, // 上传图片按照原始比例渲染         centerBox: false, // 截图框是否被限制在图片里面         height: true,         infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高         enlarge: 2, // 图片根据截图框输出比例倍数         mode: 'cover', // 图片默认渲染方式         maxImgSize: 750 // 限制图片最大宽度和高度

lorenwe avatar Jun 28 '21 10:06 lorenwe

那你可以固定裁剪框,然后通过 enlarge 控制你想要输出的大小, 比如 你设置裁剪框为 375 * 300 那 enlarge 设置为 2 那么输出的就是 700* 600 大小了

xyxiao001 avatar Jun 28 '21 10:06 xyxiao001