vue-cropper
vue-cropper copied to clipboard
裁剪框固定大小问题
我需要裁剪出来的图片都是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 // 限制图片最大宽度和高度
那你可以固定裁剪框,然后通过 enlarge 控制你想要输出的大小, 比如 你设置裁剪框为 375 * 300 那 enlarge 设置为 2 那么输出的就是 700* 600 大小了