All Projects → LIU9293 → art-qr

LIU9293 / art-qr

Licence: other
JavaScript library to generate beautiful QR code in browser 艺术二维码

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects
CSS
56736 projects

Projects that are alternatives of or similar to art-qr

Qrious
Pure JavaScript library for QR code generation using canvas
Stars: ✭ 1,160 (+6005.26%)
Mutual labels:  qrcode, qr, qrcode-generator
Qr Ascii
A small library to generate QR codes with ascii
Stars: ✭ 63 (+231.58%)
Mutual labels:  qrcode, qr, qrcode-generator
pix-payload-generator.net
Gerar payload para qrcode estático PIX. (Sistema de pagamento instantâneo do Brasil) Sem a necessidade de conexão com um PSP.
Stars: ✭ 23 (+21.05%)
Mutual labels:  qrcode, qr, qrcode-generator
React Qr Svg
React component for rendering SVG QR codes
Stars: ✭ 134 (+605.26%)
Mutual labels:  qrcode, qr, qrcode-generator
nova-qrcode-field
A Laravel Nova field to generate QR Code
Stars: ✭ 28 (+47.37%)
Mutual labels:  qrcode, qr, qrcode-generator
Awesome Qr.js
An awesome QR code generator written in JavaScript.
Stars: ✭ 1,247 (+6463.16%)
Mutual labels:  qrcode, qr, qrcode-generator
qr
🔲 Generate QR Codes straight in your terminal!
Stars: ✭ 34 (+78.95%)
Mutual labels:  qrcode, qr, qrcode-generator
js-qrcode
The library is for generating QR codes like SVG, HTML5 Canvas, PNG and JPG files, or text.
Stars: ✭ 35 (+84.21%)
Mutual labels:  qrcode, qr, qrcode-generator
Qrbtf
An art QR code (qrcode) beautifier. 艺术二维码生成器。https://qrbtf.com
Stars: ✭ 1,391 (+7221.05%)
Mutual labels:  qrcode, qr, qrcode-generator
wifiqr
Create a QR code with your Wi-Fi login details
Stars: ✭ 207 (+989.47%)
Mutual labels:  qrcode, qr, qrcode-generator
QRCodeGenLib4Pascal
Generates QR Codes from text strings and byte arrays.
Stars: ✭ 42 (+121.05%)
Mutual labels:  qrcode, qrcode-generator
QRCodeGenerator
QRCode generator (c++/Qt #gui)
Stars: ✭ 57 (+200%)
Mutual labels:  qrcode, qrcode-generator
QRCode
A QRCode Generator in Swift
Stars: ✭ 67 (+252.63%)
Mutual labels:  qrcode, qrcode-generator
qrrs
CLI QR code generator and reader written in rust
Stars: ✭ 29 (+52.63%)
Mutual labels:  qrcode, qrcode-generator
otp-authenticator-webapp
A 'Google Authenticator' like Single Page Application
Stars: ✭ 69 (+263.16%)
Mutual labels:  qrcode, qrcode-generator
QRCode-Telegram-bot
This is a simple bot. You generate QRcode with this bot
Stars: ✭ 12 (-36.84%)
Mutual labels:  qrcode, qrcode-generator
qrencode-el
QRCode encoder for Emacs in pure elisp
Stars: ✭ 18 (-5.26%)
Mutual labels:  qrcode, qrcode-generator
vk-qr
VK QR Code generator library
Stars: ✭ 43 (+126.32%)
Mutual labels:  qrcode, qr
SkiaSharp.QrCode
Qr Code Generator with Skia. (no System.Drawing)
Stars: ✭ 72 (+278.95%)
Mutual labels:  qrcode, qrcode-generator
paper-store
Cold store small files on paper as QR codes -- PGP keys, Bitcoin keys, Tox keys or any other small files in general.
Stars: ✭ 28 (+47.37%)
Mutual labels:  qrcode, qr

art-qr

Pure JavaScript library to generate beautiful QR code on websites

travis code style: prettier npm version

Installation

yarn add art-qr
/* or use npm if you prefer*/
npm install art-qr -S

Usgae

All options can see here. Upon of the original version, we provide download method, see the code as example:

import ArtQR from 'art-qr';

// create something you can access to store the instance if you want
let MyQRInstance;

const img = new Image();
img.crossOrigin = "Anonymous";
img.src = YOUR_IMAGE_URL;

img.onload = () => {
  MyQRInstance = new ArtQR().create({
    text: YOUR_URL_OR_TEXT,
    size: 300,
    margin: 10,
    backgroundImage: img,
    callback: function (dataUri) {
      console.log(dataUri)
    },
    bindElement: 'qr' // id of <img /> in real dom
  });
}

// download the QR code is easy
MyQRInstance.download()

Credit

The project is a fork of Awesome-qr.js, and changed the build process/code style for esay use.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].