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

能否添加限制拖动裁剪框时不修改图片大小及图片位置开关

Open FullOfVigour opened this issue 5 years ago • 13 comments

希望:在放大裁剪框的时候当裁剪框触碰图片边缘时停止放大,并且不拖动图片

FullOfVigour avatar Jul 22 '19 03:07 FullOfVigour

给裁剪框定个最大尺寸,超过尺寸就不会拖动图片了

1977474741 avatar Jul 22 '19 05:07 1977474741

@1977474741 可否给一些指点,如果要实现这个功能,应该修改哪个方法?思路应该是怎么样的?

jimmyrogue avatar Jul 22 '19 05:07 jimmyrogue

我目前通过修改 imageci'c此处的宽高限制实现了裁剪框在图片边缘继续拖动不放大图片的效果,但是没办法控制图片不继续移动

FullOfVigour avatar Jul 22 '19 05:07 FullOfVigour

都不看文档的吗?有个裁剪框尺寸最大的宽和高,超过了就拖不动了,图片也自然拖不动。裁剪后的图片尺寸不应该跟原图有任何关系,也就是裁剪框不应该受图片大小的控制。

1977474741 avatar Jul 23 '19 01:07 1977474741

好的,感谢您的指导,主要是用户需求是不希望裁剪框有最大宽高,但是又不想超出图片,最后是觉得裁剪框拖到图片边缘之后会拖动或者放大图片操作起来不舒服。。。

FullOfVigour avatar Jul 23 '19 03:07 FullOfVigour

非常棒的组件,十分感谢您的讲解

FullOfVigour avatar Jul 23 '19 03:07 FullOfVigour

两种操作方式,你说的那种是jq的ImageCropper插件吧?图片一直不动,只拖动裁剪框在图片范围内移动,这种方式不太适合移动端,拖动裁剪框和操作图片会冲突不方便。

1977474741 avatar Jul 29 '19 09:07 1977474741

想实现的效果是两者都有的,既可以拖动修改图片大小,也可以拖动修改裁剪框大小

FullOfVigour avatar Jul 29 '19 10:07 FullOfVigour

只是希望在修改裁剪框大小的时候不去修改图片大小

FullOfVigour avatar Jul 29 '19 10:07 FullOfVigour

然后现在在您代码的基础上进行了一定的修改,答题实现了功能,但是出了个问题,就是在随意拖动或者修改裁剪框大小时,_cutTouchMove这个方法中总是会出现超出最大调用堆栈的错误

FullOfVigour avatar Jul 29 '19 10:07 FullOfVigour

79e1bd42f3a307836884118ee8ef8b6

FullOfVigour avatar Jul 30 '19 02:07 FullOfVigour

我试了下您这边的,发现这个问题在特定情况下是必现的(当改变裁剪框大小时将一条边拖动到屏幕边缘时,在手机上必会报错,开发者工具中无问题) 01aacb8fe43ce3fa7e3bc168add28e1

FullOfVigour avatar Jul 30 '19 02:07 FullOfVigour

今天又发现一个新问题,在开发工具中设置基础版本库为4.4.1,并修改如下两处位置D~N)%S7NS%SIL_CVX9QYW image进行如下操作时会产生该现象 等待登录

FullOfVigour avatar Jul 31 '19 03:07 FullOfVigour