1.0.0 • Published 5 years ago

vue-simple-crop v1.0.0

Weekly downloads
3
License
MIT
Repository
github
Last release
5 years ago

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