继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

QRCode.js 生成二维码

holdtom
关注TA
已关注
手记 1885
粉丝 240
获赞 992

载入 JavaScript 文件

<script src="qrcode.js"></script>

DOM 结构

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

调用

1、 简单方式

new QRCode(document.getElementById('qrcode'), 'your content');

2、设置参数方式

var qrcode = new QRCode('qrcode', {

  text: 'your content',

  width: 256,

  height: 256,

  colorDark : '#000000',

  colorLight : '#ffffff',

  correctLevel : QRCode.CorrectLevel.H

});

new QRCode(element, option)

element 显示二维码的元素或该元素的 ID

option 参数说明

名称  默认值 说明

text  string  二维码内容

width 256 图像宽度

height  256 图像高度

type  Number  4

colorDark "#000000" 前景色

colorLight  "#ffffff" 背景色

correctLevel  QRCode.CorrectLevel.L 容错级别,可设置为:QRCode.CorrectLevel.L,QRCode.CorrectLevel.M,QRCode.CorrectLevel.Q,QRCode.CorrectLevel.H

API 接口

qrcode.clear();

qrcode.makeCode('new content');

makeCode(text) 设置二维码内容 

clear() 清除二维码。(仅在不支持 Canvas 的浏览器下有效)

©著作权归作者所有:来自51CTO博客作者1枚小菜鸟的原创作品,如需转载,请注明出处,否则将追究法律责任


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP