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

如何让预览图固定宽高,跟随截取的图片的比例放缩移动 #127

Closed YangPengFe1 closed 6 years ago

YangPengFe1 commented 6 years ago

具体效果 如cropper 官网示例。 http://fengyuanchen.github.io/cropper/

YangPengFe1 commented 6 years ago

现在得到是 预览图和截图框的比率是1:1, 假如我的截图框是 300300 而预览的视口是 7272,如何做到像cropper官网示例那种的预览效果??

xyxiao001 commented 6 years ago

你的意思是预览图大小需要和截图框一样吗,还是什么意思

YangPengFe1 commented 6 years ago

@xyxiao001 感谢回复 1529390596 1

预览图的视口大小是不同的尺寸,如:72x72 36x36(宽高是一个定值) ; 随着我们的截图框的移动,放缩, 预览图也可以移动 和放缩,就像cropper 官网示例的那种 如: https://github.com/fengyuanchen/cropperjs/blob/master/examples/customize-preview.html

powhd commented 6 years ago

我也有这需求,有的时候把裁剪框定死了,但是实际图片缺小于裁剪框,这样裁剪出来就有黑边,请问有没有方法把上传的图片宽度定死,高度自适应 @xyxiao001

xyxiao001 commented 6 years ago

你可以输出png格式 这样就没黑边

powhd commented 6 years ago

可是我想图片的宽度可以和我裁剪框的宽度一致,请问有提供这个方法吗

xyxiao001 commented 6 years ago

没有这个方法 12cdfb9c49c6b68da3f810fc365848ed

powhd commented 6 years ago

凉了- -

powhd commented 6 years ago

请问大概什么时候能够重构完成呢,后面会有这些功能吗

xyxiao001 commented 6 years ago

公司忙 😂😂😂 最近都没时间插件 抽空会加的

powhd commented 6 years ago

直接改源码 为了这个功能 会有坑吗- -

xyxiao001 commented 6 years ago

你可以拷贝过去 做自定义的开发

powhd commented 6 years ago

我尝试下吧

YangPengFe1 commented 6 years ago

@powhd vue-cropperjs

xyxiao001 commented 6 years ago

已经加上坐标点的返回