search

xyxiao001 / vue-cropper

A simple picture clipping plugin for vue
https://github.xyxiao.cn/vue-cropper/docs/vue3.html
MIT License
4.3k stars 695 forks source link

有个bug #25

Closed ghost closed 6 years ago

ghost commented 6 years ago

image

xyxiao001 commented 6 years ago

什么bug

xyxiao001 commented 6 years ago

这个是怎么出现的 改变浏览器大小 需要刷新的

ghost commented 6 years ago

刷新后还是这样

ghost commented 6 years ago

我现在移动端项目需要用这个来裁剪头像

ghost commented 6 years ago

代码我直接拷贝你写的示例，另外外层没有任何布局，全局样式我注释了，还是会这样子

xyxiao001 commented 6 years ago

你直接访问呢 我的例子https://xyxiao001.github.io/vue-cropper/example/

ghost commented 6 years ago

找到原因了，img不能设置max-width

ghost commented 6 years ago

另外想问下，如何禁锢 截图框 宽100%，高度等与宽度，并且禁止拖拽，因为我要裁剪头像嘛

xyxiao001 commented 6 years ago

image

ghost commented 6 years ago

我知道能固定截图框大小，但是还是能 拖动截图框，并且在截图框里 无法手势 放大或者缩小 遮罩的图片。

xyxiao001 commented 6 years ago

是的 截图框里面无法手势 缩放

xyxiao001 commented 6 years ago

https://github.com/dai-siki/vue-image-crop-upload 这个比较适合头像上传

ghost commented 6 years ago

这个我看过，手机端体验不行，还不如你这个

xyxiao001 commented 6 years ago

不过截图框可以移动也不影响截图的

ghost commented 6 years ago

是的，我准备用你这个算了

xyxiao001 commented 6 years ago

不过因为截图框也有拖动 所以我做的时候就把截图框里面的手势 给禁用掉了， 考虑不周全， 如果你想放大 缩小 也可以 通过按钮事件去触发 this.$refs.cropper.changeScale() 修改图片大小 正数为变大 负数变小

ghost commented 6 years ago

好的，谢啦