An image cropper for Ant Design Upload
Last updated a year ago by thiendinh1995 .
MIT · Repository · Bugs · Original npm · Tarball · package.json
$ cnpm install gym-img-crop 
SYNC missed versions from official npm registry.


An image cropper for Ant Design Upload.

npm npm npm bundle size GitHub

English | 简体中文


Edit antd-img-crop


yarn add gym-img-crop


import ImgCrop from 'antd-img-crop';
import { Upload } from 'antd';

const Demo = () => (
    <Upload>+ Add image</Upload>


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.


MIT License (c) nanxiaobei

Current Tags

  • 2.1.3                                ...           latest (a year ago)

2 Versions

  • 0.1.1                                ...           a year ago
  • 2.1.3                                ...           a year ago
Maintainers (1)
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (3)
Dependents (0)

Copyright 2014 - 2016 © |