QRCode使用（生成二维码）

最近项目有个需求，需要将一个连接生成二维码展示出来，然后在网上找到了QRCode这个插件，这里大致记录下它的使用方法

介绍： QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库

1.安装

因为这个项目用的是vue，所以在vue中安装qrcodejs2包

npm install qrcodejs2 --save

2、引入qrcodejs2包

VUE中引入qrcodejs2包import QRCode from 'qrcodejs2'

如果要全局引入qrcodejs2包，可以在main中进行定义

import QRCode from 'qrcodejs2';

Vue.prototype.$QRCode = QRCode ;

3、使用QRCode

在需要生成二维码的div

<div id="qrcode" ref="qrcode"></div>

生成二维码

setTimeout（（）=>{let qrcode = new QRCode('qrcode', { //这里‘qrcode’是dom对象，也可以是this.$refs.qrcodewidth: 150, //图像宽度height: 150, //图像高度colorDark : "#000000", //前景色colorLight : "#ffffff", //背景色typeNumber:4, correctLevel : QRCode.CorrectLevel.H //容错级别 容错级别有：（1）QRCode.CorrectLevel.L （2）QRCode.CorrectLevel.M （3）QRCode.CorrectLevel.Q （4）QRCode.CorrectLevel.H
    })}）

转载于:https://www.cnblogs.com/feijiediyimei/p/11136607.html

QRCode使用（生成二维码）相关推荐

python qrcode库生成二维码的代码
如下内容内容是关于python qrcode库生成二维码的内容,希望能对各位有所用. import qrcode img = qrcode.make('Some data here')高级用法impo ...
Python使用QRCode模块生成二维码
简介 python-qrcode是个用来生成二维码图片的第三方模块,依赖于 PIL 模块和 qrcode 库. 简单用法 import qrcode img = qrcode.make('hello, ...
qrcode——js生成二维码
1.引入 qrcode.min.js(点击下载demo) 2.html: <div id="qrcode"></div> js: var qrcode = ...
前端QRCode.js生成二维码插件
填报二维码生成 http://code.ciaoca.com/javascript/qrcode/demo/ git仓库地址 <el-table :data="scenicForm&q ...
基于 Django 使用 qrcode 模块生成二维码
简介: 二维码简称 QR Code(Quick Response Code),学名为快速响应矩阵码,是二维条码的一种,由日本的 Denso Wave 公司于1994 年发明.现随着智能手机的普及,已广 ...
qrcode.js 生成二维码包含logo和背景图片及IE下载二维码
思路: 1. 通过qrcode.js 生成带logo的二维码 2. 将背景图片.logo与生成的二维码图通过canvas 绘制在一起形成一个新的canvas 3. 将canvas 转成base64的u ...
python之qrcode模块生成二维码
用Python的qrcode包来生成二维码很简单一.前期准备: pip install qrcode qrcode 依赖 Image 这个包: pip install Image 二.安装好之后就可 ...
在H5中使用qrcode, qrcodejs2生成二维码
在H5中使用qrcode生成二维码安装插件 ```javascript npm install --save qrcode ``` 使用插件按需引入 //index.html<html> ...
jquery.qrcode.js生成二维码插件转成图片格式
1.qrcode其实是通过使用jQuery实现图形渲染,画图,支持canvas(HTML5)和table两种方式, github源码地址: https://github.com/jeromeetien ...
QRCode.js 生成二维码详细API和参数
参考:https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html 运行代码:https://www.runoob.com/try/t ...

QRCode使用（生成二维码）

QRCode使用（生成二维码）相关推荐

最新文章

热门文章