antd-img-clip

An image cropper for Ant Design Upload

Downloads in past

Stats

StarsIssuesVersionUpdatedCreatedSize
antd-img-clip
46701.0.64 years ago4 years agoMinified + gzip package size for antd-img-clip in KB

Readme

antd-img-clip
An image cropper for Ant Design Upload. npm npm npm bundle size GitHub English | 简体中文

Demo

Edit antd-img-clip

Install

```sh yarn add antd-img-clip ```

Usage

```jsx harmony import ImgCrop from 'antd-img-clip'; import { Upload } from 'antd'; const Demo = () => (
<Upload>+ Add image</Upload>
); ```

Props

| Name | Type | Default | Description | | ------------- | ---------- | -------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | width | number | 100 | Crop width in px. If useRatio is true, it'll be ratio. | | height | number | 100 | Crop height in px. If useRatio is true, it'll be ratio. | | useRatio | boolean | false | If use width and height as ratio, not real px. And crop will fill the width or height. e.g. width={500} height={400} and width={5} height={4} are exactly the same. | | resize | boolean | true | If crop can resize. | | resizeAndDrag | boolean | true | If crop can resize and drag. | | modalTitle | string | "Edit image" | Modal title. | | modalWidth | number | 520 | Modal width in px. | | beforeCrop | function | - | Execute before crop, if return false, modal will not open (Not support Promise). Ant Design Upload beforeUpload prop will execute after crop, before upload. |

License

MIT License (c) nanxiaobei