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 | |