截图框最大宽高不为原始图的最大宽高

Chris-Kin commented 5 years ago

传递一个1000*1000的图片给vue-cropper，调整其截图框大小使其尽可能大，但最大只有720px，不能达到原图大小。请问这个是如何设置使得截图框最大尺寸可以和图片大小一致呢

Chris-Kin commented 5 years ago

在这里即可复现：地址。选择一张大图进行裁剪，截图框宽度达不到图片宽度

xyxiao001 commented 5 years ago

这不是可以的

xyxiao001 commented 5 years ago

截图框大小会被容器的大小给限制住，如果开启了 centerbox 会被限制在图片里面

Chris-Kin commented 5 years ago

我的配置是这样的：

option: PlainMap = {
    info: true, // 裁剪框的大小信息
    outputSize: 1, // 裁剪生成图片的质量
    outputType: 'jpeg', // 裁剪生成图片的格式
    canScale: false, // 图片是否允许滚轮缩放
    autoCrop: true, // 是否默认生成截图框
    fixedBox: false, // 固定截图框大小 不允许改变
    fixed: true, // 是否开启截图框宽高固定比例
    full: true, // 是否输出原图比例的截图
    canMove: false, // 原图是否可拖动
    canMoveBox: true, // 截图框能否拖动
    original: false, // 上传图片按照原始尺寸！渲染
    centerBox: true, // 截图框是否被限制在图片里面
    infoTrue: true, // 截图框宽高是否展示真实宽高
};

其中为了更简单的交互，我禁止了图片缩放，禁止了图片移动，只允许截图框固定比例的大小变更，这时候截图框的大小就达不到图片原始宽高了。我不知道在目前这种配置下如何达到目的

在 2019-10-17 16:18:40，"goodboy" notifications@github.com 写道：

这不是可以的

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

xyxiao001 commented 5 years ago

这样也可以呀，只要你容器和图片都比截图框大就可以的。你可以在这个网站上测试的 https://codepen.io/xyxiao001/pen/wxwKGz

Chris-Kin commented 5 years ago

容器要比截图框大这个可能不合理。在页面中容器的宽度是受限制的，不能依据图片的真实宽高来设置。我再探索一下。多谢你，咖啡奉上。

在 2019-10-17 16:29:31，"goodboy" notifications@github.com 写道：

这样也可以呀，只要你容器和图片都比截图框大就可以的。你可以在这个网站上测试的 https://codepen.io/xyxiao001/pen/wxwKGz

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or unsubscribe.

xyxiao001 / vue-cropper

截图框最大宽高不为原始图的最大宽高 #345