1.0.0 • Published 5 years ago
react-cropped-image v1.0.0
react-cropped-image
React Component to Render Cropped Image.
A Cleaner, Better way to render Cropped Image in React.
Installation
yarn add react-cropped-imageUsage
<CroppedImage src="kitty.png" x={topLeftCornerX} y={topLeftCornerY} cropHeight={cropHeight} cropWidth={cropWidth}/>| Property | Description | Type | Default Prop |
|---|---|---|---|
| src | Source of the Image to be Cropped | string | "" |
| x | X Coordinate of the Top Left Corner to start cropping from. | number | |
| Y | Y Coordinate of the Top Left Corner to start cropping from. | number | |
| cropHeight | Height of the Crop Box (from (X,Y) Coordinate Down to (X, Y+cropHeight) Coordinate ) | number | |
| cropWidth | Width of the Crop Box (from (X,Y) Coordinate Down to (X+cropWidth, Y) Coordinate ) | number | |
| onError | Throws Error if Error Loading | function |
1.0.0
5 years ago