## 使用方法

```
npm install virsical-cropper
// or
yarn add virsical-cropper
```

```
import Cropper from 'virsical-cropper';
import 'virsical-cropper/lib/main.min.css';

<div>
  <Cropper btnText={'选择照片'} />
</div>

```

### 参数:

```
btnText
```

#### 选择照片按钮文字<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'选择照片'

```
infoText
```

#### 提示信息文字<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|| reactNode |&nbsp;&nbsp;默认值:&nbsp;&nbsp;'上传照片用于人脸识别开门或者签到'

```
uploadText
```

#### 上传提示信息文字<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'正在上传'

```
errorText
```

#### 超出上传大小提示信息文字<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'上传大小不能超过 10M'

```
maxSize
```

#### 最大上传文件大小<br/>type:&nbsp;&nbsp;number&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;10（M）

```
accept
```

#### 支持上传图片格式<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'.jpg, .jpeg, .png'

```
imgSrc
```

#### 默认显示图片地址<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;''

```
onChange
```

#### 获取返回结果方法；参数为返回值 <br/>type:&nbsp;&nbsp;function&nbsp;&nbsp;|&nbsp;&nbsp;默认值: &nbsp;&nbsp;(e)=>{console.log(e)}

```
btnBackText
```

#### 返回按钮文字<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'返回'####

```
btnConfirmText
```

#### 确认按钮文字<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'确认'####

```
isMobile
```

#### 是否为移动端<br/>type:&nbsp;&nbsp;boolean&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;false####

```

loadingHandle
```

#### 图片上传回调<br/>type:&nbsp;&nbsp;function&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;无

```
loadingHandle(state){}
```

#### state 为 boolean，true 为正在上传，false 为结束上传

#### 使用者在此方法里面，根据 PC 或者 App 调用正在上传组件，显示内容自己做国际化即可

```
maxSizeErrorHandle
```

#### 图片超最大 size 回调<br/>type:&nbsp;&nbsp;function&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;无 &nbsp;&nbsp;需配合 maxSize 一起使用####

```
maxSizeErrorHandle(size){}
```

#### size 为图片最大值，不能超过

#### 使用者在此方法里面，根据 PC 或者 App 调用正错误提示组件，显示内容自己做国际化即可

```
needRotate<!-- slide -->

```

#### 是否需要旋转<br/>type:&nbsp;&nbsp;boolean&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;true

```
compress
```

#### 图片压缩参数；参考[地址](https://www.npmjs.com/package/image-compressor)<br/>type:&nbsp;&nbsp;object&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;

```
{
  convertSize: 10000,
}
```

```
toDataURLtype
```

#### 最终转换图片格式；参考[地址](https://blog.csdn.net/achejq/article/details/93240104)<br/>type:&nbsp;&nbsp;string&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;'image/jpeg'

```
minCropBoxWidth
```

#### [参考地址](https://blog.csdn.net/achejq/article/details/93240104)<br/>type:&nbsp;&nbsp;number&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;300

```
minCropBoxHeight
```

#### [参考地址](https://blog.csdn.net/achejq/article/details/93240104)<br/>type:&nbsp;&nbsp;number&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;300

```
width
```

#### [参考地址](https://blog.csdn.net/achejq/article/details/93240104)<br/>type:&nbsp;&nbsp;number&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;300

```
height
```

#### [参考地址](https://blog.csdn.net/achejq/article/details/93240104)<br/>type:&nbsp;&nbsp;number&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;300

```
cropperAngle
```
#### 默认进行旋转；<br/> type:&nbsp;&nbsp;boolean&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;false

```
  // 选择文件模式, all 为全部, camera 为相机
  selectType: PropTypes.oneOfType(['all','camera']),
```
#### 选择文件模式,；<br/> type:&nbsp;&nbsp;枚举&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;all

```
  // 删除回调
  onDelete: PropTypes.func,
```
#### 删除回调  ；<br/> type:&nbsp;&nbsp;function&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;false

```
  // 删除按钮文字
  btnDelText: PropTypes.string,
```
#### 删除按钮文字；<br/> type:&nbsp;&nbsp;String&nbsp;&nbsp;|&nbsp;&nbsp;默认值:&nbsp;&nbsp;删除