findxc/weapp-avatar-cropper

当movable area 宽和高不相等的时候,缩放后不能左右移动

Opened this issue · 5 comments

当movable area 宽和高不相等的时候,缩放后不能左右移动
您好哈,非常感谢您提供了这么好用的关于movable area的案例
在学习过程中我发现只要在wxss中将.movalbe-area的height设置超过width 50以上,
将出现只能缩放图片不能拖动图片的现象,百思不得其解。
不知道您是否有遇到过类似问题?

你是想做一个矩形的裁剪功能吗?

@lml517 我更新了下代码和 README ,你看看呢。

之前开发的时候呃,我也不知道为啥当时都是写死的尺寸没定义成变量,现在用变量去弄就能支持矩形了。

具体代码上的调整可以见 https://github.com/findxc/weapp-avatar-cropper/pull/2/files 😁

非常感谢,更新的这么快哈,其实昨天我自己改了矩形的了哈,然后刚刚我试了一下您这边新的版本,存在同样的问题,比如当我将constant.js的文件里的宽高设置为宽600,高800这样一个裁剪框,然后真机测试导入一张width小于height的长方形的图片缩放后不能左右移动,上下则只能在图片超出裁剪框的范围内移动。当导入width大于height的长方形图片的话,则缩放后只能左右移动不能上下移动。 而当将constant.js中的宽高设置为一样数值,比如原来的600和600的话。 则无论导入什么形状的长方形图片,缩放后都能自由在左右,上下移动。 您有空可以试试看看是否有此现象哈

@lml517 我用手机 iOS 14.4 微信 8.0.2 ,按你给的宽 600 高 800 去测试没复现到这个问题,我的操作是选择图片后,放大,然后是可以上下左右移动的。这是我的操作的一个录屏:

image-cropper-demo.-.Compressed.with.FlexClip.mp4

你的机器版本是?微信版本是?不知道会不会和机器版本或者说微信版本有关呢,需要多找几个手机试试 ...