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

最新推荐文章于 2022-11-21 16:32:16 发布

C+ 安口木

最新推荐文章于 2022-11-21 16:32:16 发布

阅读量384

点赞数

分类专栏：前端开发

本文链接：https://blog.csdn.net/weixin_50367873/article/details/116794164

版权

前端开发专栏收录该内容

130 篇文章 11 订阅

订阅专栏

一、安装

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

C+ 安口木

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
打赏
0
评论
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 Q
复制链接

扫一扫