在H5中使用qrcode生成二维码

安装插件

```javascript
npm install --save qrcode
```

使用插件

按需引入

  //index.html<html><head>···</head><body><canvas id="canvas"></canvas><script src="index.js"></script></body></html>``````javascript//index.jsconst QRcode = require('qrcode');const canvas = document.getElementById('canvas');QRcode.toCanvas(canvas, '1234567890', function(err){if(err) throw errconsole.log('二维码生成成功了！')})```

html中直接引入

<canvas id="canvas"></canvas><script src="qrcode.min.js"></script>
<script>QRCode.toCanvas(documen.getElementById('canvas'), '1234567890', function(err){if(err) throw errconsole.log('二维码又生成成功了！！')})
</script>

客户端API

create()
create(text, [options])

  // 返回一个qrcode的对象{modules, //带有模块数据的version, //qrcode版本errorCorrectionLevel, //错误等级maskPattern, //蒙版模式segments, //生成的段}

toCanvas()
toCanvas(canvasElement, text, [options], callback); //在canvas中绘制二维码
toCanvas(text, [options], callback(err, canvas)) //，如果没有指定canvas标签，会自动返回一个，在回调中指定插入位置即可
toDataURL()
toDataURL(text, [options], callback(err, url)); //返回一个url地址，
toDataURL(canvasElement, text, [options], callback(err, url)); //如果提供了canvasElement，则在此绘制二维码
toString()
toString(text, [options], callback(err, string)); //返回一个包含二维码信息的字符串，仅供svg使用

options

{version: Number,  //QR版本，如果没指定，会自动计算出一个errorCorrectionLevel: String, //纠错级别， low, medium, quartile, high 或 L, M, Q, HmaskPattern: Number, //toSJISFunc: Function, //转换汉字的辅助函数margin: Number, // default: 4scale: Number, //比例，默认4width: Number, // 输出图像的特定宽度，优先于scale，如果太小，放不下图片，这个值会被忽略color: {dark: String, //default: #000000fflight: String, //default: #ffffff}
}

在H5中使用qrcodejs2生成二维码

安装插件

npm i qrcodejs2

使用插件

直接引入

 <div id="qrcode"> </div><script>new QRCode(document.getElementById('qrcode'), '1234567890')</script>

按需引入

const QRCode = require('qrcodejs2');var qrcode = new QRCode('qrcode', {text: '1234567890',width: 128,height: 128,colorDark: '#000',colorLight: '#fff',correctLevel: QRCode.CorrectLevel.H})

其他方法

qrcode.clear(); //清除
qrcode.makeCode('372874938274932'); 重新绘制新的二维码

在H5中使用qrcode, qrcodejs2生成二维码相关推荐

python中使用qrcode库生成二维码时，填充logo变成黑白色的解决方法。
python如何生成qrcode的教程已经有很多了,我这里仅仅排一下坑. import qrcode from PIL import Imageqr = qrcode.QRCode(version=1 ...
前端页面中根据链接随机生成二维码
前端页面中根据链接随机生成二维码 1.需要安装qrcodejs2 npm install qrcodejs2 -save 2.在所需要的页面中引入 import QRCode from 'qrcode ...
使用 qrcodejs2 生成二维码详细API和参数
使用 qrcodejs2 生成二维码安装 qrcodejs2 cnpm install qrcodejs2 --save 使用 qrcodejs2 页面引入 import QRCode from ' ...
python qrcode库生成二维码的代码
如下内容内容是关于python qrcode库生成二维码的内容,希望能对各位有所用. import qrcode img = qrcode.make('Some data here')高级用法impo ...
vue qrcodejs2生成二维码实现手机APP扫码进行web网页登录
在vue中使用 qrcodejs2 1.安装 npm install qrcodejs2 --save 2.引入 import QRCode from "qrcodejs2" 3 ...
Vue - 使用qrcodejs2生成二维码
了解:QR码(英语:Quick Response Code:全称为快速响应矩阵图码)是二维码的一种, QR来自英文Quick Response的缩写,即快速反应,因为发明者希望QR码可以快速解码其内容 ...
使用qrcodejs2生成二维码及下载
生成二维码首先引入npm包 import QRCode from 'qrcodejs2' 或 <script src="https://cdn.bootcdn.net/ajax/li ...
qrcodejs2生成二维码，通过canvas绘制带边框+中间logo的二维码图片，下载二维码
文章目录一.通过qrcodejs2生成一个二维码二.点击[下载配置服务器二维码]来下载二维码 1.通过canvas去绘制边框+二维码+logo (1)为canvas增加绘制圆角矩形的方法(can ...
Python使用QRCode模块生成二维码
简介 python-qrcode是个用来生成二维码图片的第三方模块,依赖于 PIL 模块和 qrcode 库. 简单用法 import qrcode img = qrcode.make('hello, ...

在H5中使用qrcode, qrcodejs2生成二维码

在H5中使用qrcode生成二维码

安装插件

使用插件

客户端API

options

在H5中使用qrcodejs2生成二维码

安装插件

使用插件

其他方法

在H5中使用qrcode, qrcodejs2生成二维码相关推荐

最新文章

热门文章