URL: qrbtf.com
QRBTF is a simple web app to beautify your QR code.

Features

• Various Art QR Code Styles
• Parametric Design
• No Backend Required
• Support for SVG Downloads

中文介绍:

• 如何制作一个漂亮的二维码
• QRBTF 开源啦！来写个二维码样式吧～

QRBTF Website

Installation

git clone https://github.com/ciaochaos/qrbtf.git
cd qrbtf
npm install
npm start

Usage

1. Open qrbtf.com.
2. Enter a URL or text.
3. Select a style.
4. Adjust parameters.
5. Download JPG or SVG.

React Component (react-qrbtf)

See CPunisher / react-qrbtf for more information.

npm install react-qrbtf --save

Include the Component

import React from 'react'
import { QRNormal } from 'react-qrbtf'

class Component extends React.Component {

    render() {
        return (
            <QRNormal
                value="react-qrbtf"
                className="my-qrcode"
                styles={{ svg: {width: "200px"} }}
                type="round"
                size={50}
                opacity={80}
                posType="planet"
                otherColor="#33CCCC"
                posColor="#009999"
            />
        )
    }
}

Third-Party Project

• gexin1 / beautify-qrcode

Author

• ciaochaos
• CPunisher

Dependency

• davidshimjs / qrcode
• cozmo / jsQR

License

GPLv3