请选择 进入手机版 | 继续访问电脑版

极客蜗牛

查看: 202|回复: 0

JS生成二维码插件qrcodejs

[复制链接]

82

主题

99

帖子

657

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
657
QQ
发表于 2018-3-26 15:15:52 | 显示全部楼层 |阅读模式
载入 JavaScript 文件
  1. <script src="qrcode.js"></script>
复制代码
DOM 结构
  1. <div id="qrcode"></div>
复制代码
调用
  1. // 简单方式
  2. new QRCode(document.getElementById('qrcode'), 'your content');

  3. // 设置参数方式
  4. var qrcode = new QRCode('qrcode', {
  5.   text: 'your content',
  6.   width: 256,
  7.   height: 256,
  8.   colorDark : '#000000',
  9.   colorLight : '#ffffff',
  10.   correctLevel : QRCode.CorrectLevel.H
  11. });

  12. // 使用 API
  13. qrcode.clear();
  14. qrcode.makeCode('new content');
复制代码

参数说明

名称
默认值
说明
element-显示二维码的元素或该元素的 ID
option参数配置


option 参数说明


名称
默认值
说明
width256图像宽度
height256图像高度
typeNumber4
colorDark"#000000"前景色
colorLight"#ffffff"背景色
correctLevelQRCode.CorrectLevel.L容错级别,可设置为:QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H


API 接口
名称
说明
makeCode(text)设置二维码内容
clear()清除二维码。(仅在不支持 Canvas 的浏览器下有效)



本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|极客蜗牛

GMT+8, 2019-3-24 23:23 , Processed in 0.058643 second(s), 25 queries .

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表