1.0.0 • Published 5 years ago
vue-simple-crop v1.0.0
#vue-simple-crop
基于Simple-Crop包装成vue的组件,感谢原项目作者。
左侧是IOS系统自带的图片裁剪功能,右侧为组件的示例一;
可以扫描二维码体验:
安装
npm install vue-simple-crop --save
引入
import simpleCrop from 'vue-simple-crop'
模块没打包成umd,需要的话自己拉代码去打包吧。都2020年了。
#使用
###函数调用方式
var crop
if(crop){
crop.show(src)
}else{
crop = new simpleCrop({
src,
...cropOptions,
cropCallback: (base64) => {},
closeCallback: () => {}
})
}
###组件调用方式
Vue.use(simpleCrop)
<simple-crop @crop="callback" :cropOptions="cropOptions">
选择图片文件
</simple-crop>
callback (file) {
doSomething(file)
}
参数
更多详细资料看原项目Simple-Crop或者看本项目代码,再次感觉原项目作者。
1.0.0
5 years ago