QRCode.js：使用 JavaScript 生成二维码

一、安装

npm install qrcodejs2 --save

二、导入项目

var QRCode = require('qrcode2');
// 或者
import QRCode from 'qrcode2';

三、实例化QRCode对象

//qrcode是ref对象或者是为id的dom元素
new QRCode(document.getElementById('qrcode'), 'http://www.baidu.com');// 或者配置一些选项
var qrcode = new QRCode("qrcode", {text: "http://www.baidu.com",width: 128,height: 128,colorDark : "#000",colorLight : "#fff",correctLevel: QRCode.CorrectLevel.L //容错率，L/M/H
});
qrcode.clear(); // 清除代码
qrcode.makeCode("http://www.w3cschool.cc"); // 生成另外一个二维码

原文地址：https://www.npmjs.com/package/qrcodejs2
qrcode另外一个版本

1、安装

npm install --save qrcode

2、使用

在javascript中

<!-- index.html -->
<html><body><canvas id="canvas"></canvas><script src="bundle.js"></script> </body>
</html>
//================================
// index.js -> bundle.js
var QRCode = require('qrcode')
var canvas = document.getElementById('canvas')QRCode.toCanvas(canvas, 'sample text', function (error) {if (error) console.error(error)console.log('success!');
})

在ES6/ES7中使用

import QRCode from 'qrcode'
// import引入可能会导致报错，可以尝试require
// const QRCode = require('qrcode');// With promises
QRCode.toDataURL('I am a pony!').then(url => {console.log(url)}).catch(err => {console.error(err)})// With async/await
const generateQR = async text => {try {console.log(await QRCode.toDataURL(text))} catch (err) {console.error(err)}
}

原文地址：https://www.npmjs.com/package/qrcode
api文档：https://www.npmjs.com/package/qrcode#api

QRCode.js：使用 JavaScript 生成二维码相关推荐

QRCode.js -- 用 Javascript 生产二维码
QRCode.js是一个生成二维码的JS库.QRCode.js支持在DOM中使用跨浏览器Canvas和table标签的. QRCode.js不依赖其他JS库. 基本用法: <div id=&qu ...
用qrcode.js写的生成二维码和下载这个二维码
实在是不想用网上的生成二维码,就自己写了个简单的生成和下载的功能先看一下效果: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transi ...
javascript生成二维码
http://www.w3dev.cn/article/20140617/javascript-create-QR-code.aspx jquery.qrcode.js 是居于jquery类库的绘制二 ...
使用JavaScript生成二维码教程-附qrcodejs中文文档
使用javascript生成二维码依赖jquery 需要使用到的库 https://github.com/davidshimj... DIV <div id="qrcode" ...
网页获取微信信息——js使用插件生成二维码（1）
js使用插件生成二维码: 一.安装依赖: npm i qrcodejs2 -S 二.放置二维码的容器,需要给一个ref <div class="QRcodeCon">& ...
PHP开发日志 ━━ php、javascript生成二维码的三种方法
最简单最实例的goolge开源方法推荐手册:php完全自学手册 1.google开放api 代码如下: $urlToEncode="http://www.helloweba.com&quo ...
【工厂开发：使用扫码枪生成二维码并打印】使用扫码枪用JavaScript 生成二维码，并打印二维码
在厂里做erp,有要求写一个扫码枪扫描二维码生成的demo,并用打印机打印出来. 需求: 1. 使用扫码枪扫描二维码,获取内容 2. 把内容转成二维码显示到页面 3. 打印这个二维码使用扫码枪扫描二 ...
百万前端之js通过链接生成二维码可以保存下载复制
在前端工作中,会遇到很多邀请好友的需求,这个时候就需要前端对需求进行实现了. 最终效果: 这个是做好以后的成品,根据链接生成二维码,提供保存二维码和复制链接功能,纯前端实现.话不多说直接上代码 htm ...
前端js html转换成pdf可下载打印；前端js可批量生成条形码；前端js可批量生成二维码，生成letter标签
注意:本文调试的是letter纸尺寸前端js html转换成pdf可下载打印 html2canvas + jspdf 前端js生成条形码 Options · lindell/JsBarcode ...
利用JavaScript生成二维码并且中间有logo
一.描述描述: jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件,使用它可以很方便的在页面上生成二维条码.此插件是能够独立使用的,体积也比较 ...

QRCode.js：使用 JavaScript 生成二维码

一、安装

二、导入项目

三、实例化QRCode对象

QRCode.js：使用 JavaScript 生成二维码相关推荐

最新文章

热门文章

QRCode.js：使用 JavaScript 生成二维码

一、安装

二、导入项目

三 、实例化QRCode对象

QRCode.js：使用 JavaScript 生成二维码相关推荐

最新文章

热门文章

三、实例化QRCode对象