React Component to Render Cropped Image.
A Cleaner, Better way to render Cropped Image in React.
yarn add react-cropped-image
<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 |