An art QR code (qrcode) beautifier. 艺术二维码生成器。https://qrbtf.com
Go to file
dependabot[bot] ff97a7fdc2
Bump decode-uri-component from 0.2.0 to 0.2.2
Bumps [decode-uri-component](https://github.com/SamVerschueren/decode-uri-component) from 0.2.0 to 0.2.2.
- [Release notes](https://github.com/SamVerschueren/decode-uri-component/releases)
- [Commits](https://github.com/SamVerschueren/decode-uri-component/compare/v0.2.0...v0.2.2)

---
updated-dependencies:
- dependency-name: decode-uri-component
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>
2022-12-06 03:53:12 +00:00
.github Update nodejs-master.yml 2020-08-14 18:24:19 +08:00
.idea C3 颜色调整 2020-05-15 11:37:31 +08:00
public chore: change title and icp 2022-09-07 16:58:09 +08:00
src chore: change title and icp 2022-09-07 16:58:09 +08:00
.env .env 添加,阻止生成 .map 文件 2020-05-04 18:39:13 +08:00
.gitignore fix qrcode error 2020-05-03 10:36:40 +08:00
LICENSE Create LICENSE 2020-05-23 22:10:44 +08:00
README.md Update README.md 2020-08-14 17:19:47 +08:00
package-lock.json Bump decode-uri-component from 0.2.0 to 0.2.2 2022-12-06 03:53:12 +00:00
package.json serialize-javascript@^3.1.0 2020-09-01 20:20:49 +08:00
yarn.lock Bump decode-uri-component from 0.2.0 to 0.2.2 2022-12-06 03:53:12 +00:00

README.md

QRBTF

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 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

Author

Donation

Paypal

Alipay

Dependency

License

GPLv3