Why use it?

get base64 image use local file or mobile camera.

Live Demo

Installation

npm install lesca-react-capture-button --save

Usage

import CaptureProvider, { DOMString } from 'lesca-react-capture-button';

render() {
    return (
        <CaptureProvider
          type={DOMString.png}
          compress={0.5}
          maxWidth={500}
          onCapture={(data) => {
            const { image } = data;
            console.log(image);
          }}
        >
          <button>capture</button>
        </CaptureProvider>
    );
}

Development

props

Properties	description	default
onCapture:function	callback	void
compress:float	image compress (0 - 1)	0.7
maxWidth:int	image max width size	1024
type:string	type	'image/png'

Features

• maintain if necessary