博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
使用JavaScript生成二维码教程-附qrcodejs中文文档
阅读量:6208 次
发布时间:2019-06-21

本文共 897 字,大约阅读时间需要 2 分钟。

使用javascript生成二维码 依赖jquery

需要使用到的库


DIV

javascript

var qrcode = new QRCode("qrcode");  qrcode.makeCode("http://www.fengkaichang.com");

至此一个简单的二维码就生成了

image

接下来我们就详细了解一下这个库到底为我们提供了哪些参数配置和方法

配置

new  QRCode(element,option)
名称 默认值 类型 说明
element - string 显示二维码的元素或该元素的 ID
option objec 参数配置
名称 默认值 类型 说明
text - string 需要生成的二维码内容
width 256 number 图像宽度
height 256 number 图像高度
colorDark "#000000" string 前景色
colorLight "#ffffff" string 背景色
correctLevel QRCode.CorrectLevel.L 容错级别

容错级别有

QRCode.CorrectLevel.LQRCode.CorrectLevel.MQRCode.CorrectLevel.QQRCode.CorrectLevel.H
var qrcode = new  QRCode(element), {    text: "www,fengkaichang.com",    width: 150,    height: 150,    colorDark : "#000000",    colorLight : "#ffffff",    typeNumber:4,    correctLevel : QRCode.CorrectLevel.H});

API方法

qrcode.makeCode(text)   //设置二维码内容qrcode.clear() //清除二维码。

相关信息


更多内容请访问我的个人博客

转载于:https://blog.51cto.com/4293675/2043676

你可能感兴趣的文章
线程与进程的区别
查看>>
理解angular中的module和injector,即依赖注入
查看>>
C#+ AE 注意问题汇总(不断更新)
查看>>
2016第42周学习小结
查看>>
Sublime常用快捷键
查看>>
[Android&Java]浅谈设计模式-代码篇:观察者模式Observer
查看>>
idea springboot热部署无效问题
查看>>
Java基础之关键字
查看>>
arcgis series license
查看>>
每一刻向你前进一步
查看>>
linux服务之ntp与chrony
查看>>
ARouter原理剖析及手动实现
查看>>
利用adb shell和node.js实现抖音自动抢红包功能
查看>>
2019请对2018的我好一点 | 掘金年度征文
查看>>
对于多重共线性的简单理解
查看>>
LeetCode 406 Queue Reconstruction by Height
查看>>
学习OpenGL ES之物理引擎
查看>>
Redis Manager Build Redis 安装包
查看>>
CTMediator 原理详解(一)
查看>>
Android 自定义跑马灯
查看>>