gym-img-crop
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.

antd-img-crop

An image cropper for Ant Design Upload.

npm npm npm bundle size GitHub

English | 简体中文

Demo

Edit antd-img-crop

Install

yarn add gym-img-crop

Usage

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

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

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

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)
Downloads
Today 0
This Week 0
This Month 0
Last Day 0
Last Week 0
Last Month 0
Dependencies (3)
Dependents (0)
None

Copyright 2014 - 2016 © taobao.org |