vue.js中使用QRCode生成二维码
2017-10-17 00:00
567 查看
一、引入
(1)、直接引入js文件<script src="qrcode.js"></script>
(2)、npm引入
1、npm install qrcodejs2 --save 2、import QRCode from 'qrcodejs2'
二、使用
// 简单方式 new QRCode(document.getElementById('qrcode'), 'your content'); // 设置参数方式 var qrcode = new QRCode('qrcode', { text: 'your content', width: 256, height: 256, colorDark : '#000000', colorLight : '#ffffff', correctLevel : QRCode.CorrectLevel.H }); // 使用 API qrcode.clear(); qrcode.makeCode('new content');
三、参数方法说明
1、参数名称 | 默认值 | 说明 |
---|---|---|
width | 256 | 图像宽度 |
height | 256 | 图像高度 |
typeNumber | 4 | |
colorDark | "#000000" | 前景色 |
colorLight | "#ffffff" | 背景色 |
correctLevel | QRCode.CorrectLevel.L | 容错级别,可设置为: QRCode.CorrectLevel.L QRCode.CorrectLevel.M QRCode.CorrectLevel.Q QRCode.CorrectLevel.H |
名称 | 说明 |
---|---|
makeCode(text) | 设置二维码内容 |
clear() | 清除二维码。(仅在不支持 Canvas 的浏览器下有效) |
相关文章推荐
- 使用JavaScript生成二维码教程-附qrcodejs中文文档
- vue项目生成二维码功能推荐使用node-qrcode
- vue项目生成二维码功能使用QRCode
- 使用JS 插件qrcode.js生成二维码功能
- 使用qrcode.js生成二维码
- 使用qrcode.js生成二维码图片
- 使用JS生成二维码QRCode
- 【QRcode二维码】:使用JS前端插件QRcode.js生成二维码
- 使用zxing生成QRCode二维码,在Android的webview中调用条形码扫描
- Python使用QRCode生成二维码
- 使用jquery组件qrcode生成二维码及应用指南
- Sae使用storage保存phpqrcode生成的二维码
- 生成二维码,使用JS技术
- 使用Jquery.QRCode.js在web客户端生成二维码包括中文
- thinkphp使用phpqrcode生成带logo二维码
- 使用phpqrcode生成二维码
- Python3 qrcode的使用(生成二维码)
- php生成二维码,使用qrcode类库创建
- 使用jquery-qrcode生成二维码
- Python二维码生成库qrcode安装和使用示例