All Projects → diamont1001 → Jrqrcode

diamont1001 / Jrqrcode

二维码生成库,把内容生成二维码,以base64编码的图片输出

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Jrqrcode

Awesome Qr.js
An awesome QR code generator written in JavaScript.
Stars: ✭ 1,247 (+874.22%)
Mutual labels:  qr, qrcode
Qr.flutter
QR.Flutter is a Flutter library for simple and fast QR code rendering via a Widget or custom painter.
Stars: ✭ 434 (+239.06%)
Mutual labels:  qr, qrcode
qrcode
A flutter plugin for scanning QR codes. Use AVCaptureSession in iOS and zxing in Android.
Stars: ✭ 69 (-46.09%)
Mutual labels:  qrcode, qr
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 (-82.03%)
Mutual labels:  qrcode, qr
Qrbtf
An art QR code (qrcode) beautifier. 艺术二维码生成器。https://qrbtf.com
Stars: ✭ 1,391 (+986.72%)
Mutual labels:  qr, qrcode
koder
QR/bar code scanner for the Browser
Stars: ✭ 73 (-42.97%)
Mutual labels:  qrcode, qr
Qr Code
Web Component for generating QR codes
Stars: ✭ 425 (+232.03%)
Mutual labels:  qr, qrcode
js-qrcode
The library is for generating QR codes like SVG, HTML5 Canvas, PNG and JPG files, or text.
Stars: ✭ 35 (-72.66%)
Mutual labels:  qrcode, qr
Qr Code Scanner
Full stable QR code scanner android app.
Stars: ✭ 28 (-78.12%)
Mutual labels:  qr, qrcode
Qr Image
Yet another QR code generator
Stars: ✭ 922 (+620.31%)
Mutual labels:  qr, qrcode
quagga2-reader-qr
Quagga2 sample external reader for QR codes
Stars: ✭ 20 (-84.37%)
Mutual labels:  qrcode, qr
Qr Ascii
A small library to generate QR codes with ascii
Stars: ✭ 63 (-50.78%)
Mutual labels:  qr, qrcode
art-qr
JavaScript library to generate beautiful QR code in browser 艺术二维码
Stars: ✭ 19 (-85.16%)
Mutual labels:  qrcode, qr
react-native-qr-scanner
一个二维码扫描组件,依赖react-native-camera
Stars: ✭ 111 (-13.28%)
Mutual labels:  qrcode, qr
wifiqr
Create a QR code with your Wi-Fi login details
Stars: ✭ 207 (+61.72%)
Mutual labels:  qrcode, qr
qr
🔲 Generate QR Codes straight in your terminal!
Stars: ✭ 34 (-73.44%)
Mutual labels:  qrcode, qr
nova-qrcode-field
A Laravel Nova field to generate QR Code
Stars: ✭ 28 (-78.12%)
Mutual labels:  qrcode, qr
qrcodescan.in
📠 A simple, fast, and useful progressive web application.
Stars: ✭ 144 (+12.5%)
Mutual labels:  qrcode, qr
Cordova Plugin Qrscanner
A fast, energy efficient, highly-configurable QR code scanner for Cordova apps and the browser.
Stars: ✭ 485 (+278.91%)
Mutual labels:  qr, qrcode
Qr Code Scanner
📠 A simple, fast and useful progressive web application
Stars: ✭ 982 (+667.19%)
Mutual labels:  qr, qrcode

二维码js生成库

把字符串生成二维码,并以Base64 URL形式输出。 支持白色二维码,即反色二维码。

兼容性

插件使用了H5的canvas特性进行二维码绘制,最后输出base64 url,因此本插件要求运行环境支持canvas特性即可。

安装

npm install jr-qrcode

插件引用

传统引用

<script type="text/javascript" src="dist/jr-qrcode.js"></script>

<script>
  var imgBase64 = jrQrcode.getQrBase64('hello world');
</script>

模块化引用(比如:webpack)

// 方法1:全局引用(window.jrQrcode)
require('jr-qrcode');

// 方法2:变量引用
var jrQrcode = require('jr-qrcode');

// 模块方法调用,传入字符串,获取 base64 编码的图片 URL
var imgBase64 = jrQrcode.getQrBase64('hello world');

用法

var imgBase64 = jrQrcode.getQrBase64(text, options);

/**
@param: text: 要生成二维码的字符,支持中文
@param: options: {
  padding       : 10,   // 二维码四边空白(默认为10px)
  width         : 256,  // 二维码图片宽度(默认为256px)
  height        : 256,  // 二维码图片高度(默认为256px)
  correctLevel  : QRErrorCorrectLevel.H,    // 二维码容错level(默认为高)
  reverse       : false,        // 反色二维码,二维码颜色为上层容器的背景颜色
  background    : "#ffffff",    // 二维码背景颜色(默认白色)
  foreground    : "#000000"     // 二维码颜色(默认黑色)
}
@return: 生成的二维码Base64 URL
*/

二维码容错级别

QRErrorCorrectLevel = {
  L : 1,
  M : 0,
  Q : 3,
  H : 2
};

Use cases

If you are using jrQrcode in production, just tell us.

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