HTML5 Web-/Mobilkamera für ReactJS

Blog

HTML5 Web-/Mobilkamera für ReactJS

HTML5 Web-/Mobilkamera für ReactJS

reagieren-cam

HTML5-Web-/Mobilkamera für ReactJS

Installation

NPM

npm install react-cam

Garn

yarn add react-cam

Wie benutzt man es?

Requisiten

Requisitenname Optional Standard Beschreibung
Fokus anzeigen Jawohl falsch das blaue Fokusfeld ein-/ausblenden, im Grunde nutzlos…
Vorderseite Jawohl falsch true: Frontkamera, false: Rückfahrkamera
ergreifen Nein Keiner Eine Funktion zur Behandlung von base64-String-Images
Breite Nein 480 Kamerapixelbreite, prozentualer oder absoluter Wert
Höhe Nein 320 Kamerapixelhöhe, prozentualer oder absoluter Wert
FokusBreite Jawohl 80% Breite, prozentualer oder absoluter Wert des Kamerafokusfelds
FokusHöhe Jawohl fünfzig% Höhe, prozentualer oder absoluter Wert des Kamerafokusfeldes
btnFarbe Jawohl '#2acef5' Farbe der Aufnahmetaste einstellen
onError Nein Behandelt Kamerafehler, das Fehlerobjekt wird als Funktionsargument übergeben

Beispiel

import React, { Fragment, useRef } from 'react'; import ReactDOM from 'react-dom'; import { Camera } from 'react-cam'; function capture(imgSrc) { console.log(imgSrc); } const App = () => { const cam = useRef(null); return ( cam.current.capture(img)}>Take image ); }; ReactDOM.render(, document.getElementById('root'));

Download-Details:

Autor: ccwukong

priviabillpay.com/quickpay-Code

Quellcode: https://github.com/ccwukong/react-cam

#reagieren #reactjs #javascript #html5

Reagieren Sie Redux-Login-Tutorial