# ClCropper Cropper

> 图片裁剪组件，支持拖拽裁剪和缩放

- **标签名**: `<cl-cropper>`
- **引入**: `import { ClCropper } from '@cldemo/library'`

## Props

| 参数 | 类型 | 默认值 | 必填 | 说明 |
|------|------|--------|------|------|
| className | `String` | `` | 否 |  |
| src | `String` | `` | 是 |  |
| width | `Number` | `` | 是 |  |
| height | `Number` | `` | 是 |  |
| isFixedAspectRatio | `Boolean` | `true` | 否 |  |
| isCenterBox | `Boolean` | `true` | 否 |  |
| isPreview | `Boolean` | `true` | 否 |  |
| previewShape | `String` | `'square'` | 否 |  |
| enlarge | `Number` | `2` | 否 |  |
| isModal | `Boolean` | `true` | 否 |  |
| isShowUpload | `Boolean` | `true` | 否 |  |
| isShowSave | `Boolean` | `false` | 否 |  |
| fillColor | `String` | `'transparent'` | 否 |  |
| alignLine | `String` | `'center'` | 否 |  |
| isPreviewAlignLine | `Boolean` | `false` | 否 |  |

## Events

| 事件名 | 说明 |
|--------|------|
| onSubmit | 提交事件 |
| onImgLoad |  |

## 方法

| 方法 | 说明 |
|------|------|
| getImageBase64() |  |
| show() |  |

## 基础用法

```vue
<cl-cropper></cl-cropper>
```
