2.0.2 • Published 6 years ago
react-image-parser v2.0.2
React-Image-Parser
With this component you can easily parse the image.
Features:
- get image data;
- get image size.
Install:
npm i react-image-parser
Add:
import ImageParser from 'react-image-parser';
Use:
<ImageParser
img={'./path/to/image'}
maxImgSideSize={400}
onImageParsed={data => console.log(data)}
/>
Props:
Name | Type | Required | Default | Description |
---|---|---|---|---|
img | String | Yes | null | Path to image. For example, './my/image/path.png' |
maxImgSideSize | Number | No | bigger side of image | The maximum size of the sides of the canvas on which the image will be parsed. |
onImageParsed | Function | No | null | The function in which the image parsing result will be passed. |
Result Structure:
{
data: Uint8ClampedArray(64) [255, 202, 0, 134, 205, 159...], // image data
size: { width: 100, height: 200 } // image size
}
Demo:
For more information and examples check the demo page.
2.0.2
6 years ago
2.0.1
6 years ago
2.0.0
6 years ago
1.2.3
6 years ago
1.2.2
6 years ago
1.2.1
6 years ago
1.2.0
6 years ago
1.1.7
6 years ago
1.1.6
6 years ago
1.1.5
6 years ago
1.1.4
6 years ago
1.1.3
6 years ago
1.1.2
6 years ago
1.1.1
6 years ago
1.1.0
6 years ago
1.0.2
6 years ago
1.0.1
6 years ago
1.0.0
6 years ago
0.1.1
6 years ago
0.0.10
6 years ago
0.0.9
6 years ago
0.0.8
6 years ago
0.0.7
6 years ago
0.0.6
6 years ago
0.0.5
6 years ago
0.0.4
6 years ago
0.0.3
6 years ago
0.0.2
6 years ago
0.0.1
6 years ago