1.0.4 • Published 8 months ago
rc-image-crop v1.0.4
rc-image-crop
rc-image-crop is a React component that utilizes the powerful "react-easy-crop" library to provide easy-to-use image cropping functionality for your web applications. It allows users to select and crop images with a user-friendly interface.
Features
- Crop images with a simple and intuitive user interface.
- Customizable aspect ratio for cropping.
- Zoom in/out and pan options for precise cropping.
- Supports various image formats and sources.
- Keyboard accessibility for a seamless user experience.
Installation
You can install rc-image-crop using npm or yarn:
npm install rc-image-crop
# or
yarn add rc-image-crop
## Usage
import ImageCropper from "rc-image-crop";
<ImageCropper
image="yourimagepath"
aspect={4 / 3}
showGrid={true}
//
crop={crop}
onCropChange={setCrop}
rotation={rotation}
onRotationChange={setRotation}
zoom={zoom}
onZoomChange={setZoom}
//
setCbImage={setCbImage}
parentCls="wrapper"
btncls="btncls"
/>