react-cropped-image

React Component to Render Cropped Image.

A Cleaner, Better way to render Cropped Image in React.

Installation

yarn add react-cropped-image

Usage

<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