qrcode-ft

A React component to generate QR code with logo. Inspired by cssivision/qrcode-react.

Square, circle and squircle position markers available.

Installation

npm install qrcode-ft

Usage

var React = require('react');
var ReactDOM = require('react-dom');
var QRCode = require('qrcode-ft');
 
ReactDOM.render(
  <QRCode value="http://facebook.github.io/react/" />,
  mountNode
);

Available Props

prop	type	default value
value	string	http://facebook.github.io/react/
size	string	"128"
displaySize	string	"128"
mode	string (square / circle / squircle)	"square"
bgColor	string (HEX color code)	"#FFFFFF"
fgColor	string (HEX color code)	"#000000"
borderPart	number (float)	0.1
showCenter	bool	false
logo	string (URL / PATH)
logoWidth	number	size * 0.18
logoHeight	number	Proportional scaling to logoWidth