#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或者看本项目代码，再次感觉原项目作者。