A React component to generate QRCode with logo. Inspired by zpao/qrcode.react, also support chinese.
npm install qrcode-react
var React = require('react');
var ReactDOM = require('react-dom');
var QRCode = require('qrcode-react');
ReactDOM.render(
<QRCode value="http://facebook.github.io/react/" />,
mountNode
);
prop | type | default value |
---|---|---|
value |
string |
http://facebook.github.io/react/ |
size |
number |
128 |
bgColor |
string (CSS color) |
"#FFFFFF" |
fgColor |
string (CSS color) |
"#000000" |
logo |
string (URL / PATH) |
|
logoWidth |
number |
size * 0.2 |
logoHeight |
number |
Proportional scaling to logoWidth |