栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

QRcode.js 生成二维码

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

QRcode.js  生成二维码

github官方文档指路:https://github.com/soldair/node-qrcode#options
QRcode方法介绍:

这里只介绍后三种常用方法的使用:
1、toCanvas 顾名思义是讲二维码生成canvas
用法实例:

//1、引入QRcode.js

//2、具体用法
 QRCode.toCanvas('二维码信息文本', {
     errorCorrectionLevel: "L",//容错率L(低)H(高)
     margin: 1,//二维码内边距,默认为4。单位px
     height: 200,//二维码高度
     width: 200,//二维码宽度
     scal: 177,
     color: {
  dark: '#000', // 二维码背景颜色
  // light: '#000' // 二维码前景颜色
     },
     rendererOpts: {
  quality: 0.9
     }
 }).then(canvas => {
     console.log(canvas)
     document.getElementById('myqrcode').append(canvas)
 }).catch((err) => {
     console.log(err)
 })

背景和前景颜色不可以相近,不然有的设备上会识别不出来二维码

2、toDataURL()生成base64字符串
用法实例:

QRCode.toDataURL('sss', {
     errorCorrectionLevel: "L",
     margin: 1,
     height: 200,
     width: 200,
     type: "10",
     scal: 177,
     type: "10",
     color: {
  dark: '#000', // 二维码背景颜色
  // light: '#000' // 二维码前景颜色
     },
     rendererOpts: {
  quality: 0.9
     }
 }).then(base64 => {
     console.log(base64);//base64字符串
 }).catch((err) => {
     console.log(err)
 })


3、toString()生成svg二进制字符

 QRCode.toString('sss', {
     errorCorrectionLevel: "L",
     margin: 1,
     height: 200,
     width: 200,
     type: "10",
     scal: 177,
     type: "10",
     color: {
  dark: '#000', // 二维码背景颜色
  // light: '#000' // 二维码前景颜色
     },
     rendererOpts: {
  quality: 0.9
     }
 }).then(canvas => {
     console.log(canvas)
     document.getElementById('myqrcode').append(canvas)
 }).catch((err) => {
     console.log(err)
 })

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/244575.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号