正在读取中...

正在读取中...

当前位置:首页 > JS代码 > 其它代码

JS生成二维码-QRCode

所属栏目:其它代码 时间:2017-08-24 来源:网络 作者:不详 次围观 次下载
JS生成二维码-QRCode
兼容:Firefox,Chrome,Safari,IE10+,IE9,IE8,IE6
查看演示
下载地址
收藏

正在读取中...

qrcode.js是一款基于jquery的能够在客户端生成矩阵二维码QRCode的jquery插件 ,使用它可以很方便的在页面上生成二维条码。


使用方法


载入 JavaScript 文件

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

DOM 结构

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

调用

// 简单方式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
});// 使用 APIqrcode.clear();
qrcode.makeCode('new content');

参数说明

new QRCode(element, option)
名称默认值说明
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 的浏览器下有效)


具体效果请看演示,一流资源网推荐下载。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

正在读取中...

猜你喜欢

共有 条评论

给个评价吧

验证码:

正在读取中...

下载最多的

1JS动态五星评分插件代码

JS动态五星评分插件代码

2淘宝商品jQuery列表多条件查询特效代码

淘宝商品jQuery列表多条件查询特效代码

3百度404页面JS倒计时返回页面代码

百度404页面JS倒计时返回页面代码

4后台登录jquery网页全屏背景图片自动切换代码

后台登录jquery网页全屏背景图片自动切换代码

5SimplePager-非常简洁优秀的 jQuery 分页插件-同页面可重复使用

SimplePager-非常简洁优秀的 jQuery 分页插件-同页面可重复使用

6IE6旧版浏览器提示升级代码模板下载

IE6旧版浏览器提示升级代码模板下载

7可展开收缩的框架JS代码

可展开收缩的框架JS代码

8点击切换背景图片jQuery代码

点击切换背景图片jQuery代码

9jQuery公司大事记、历程时间轴专用代码

jQuery公司大事记、历程时间轴专用代码

10网站在线答疑可收缩展开JS代码

网站在线答疑可收缩展开JS代码

正在读取中...

最近更新的

1JS生成二维码-QRCode

JS生成二维码-QRCode

2JS拆分文本再组合

JS拆分文本再组合

3Jquery点击按钮给class设置样式的JS代码

Jquery点击按钮给class设置样式的JS代码

4jquery提示浏览器版本过低建议下载其他浏览器的代码

jquery提示浏览器版本过低建议下载其他浏览器的代码

5JS实现301跳转的JS代码

JS实现301跳转的JS代码

6JS判断当前页面是否在微信浏览器中打开

JS判断当前页面是否在微信浏览器中打开

7mootools分页多选搜索插件

mootools分页多选搜索插件

8强大的js分页组件laypage

强大的js分页组件laypage

9CSS3 滚动视觉差效果加返回顶部

CSS3 滚动视觉差效果加返回顶部

10jQuery分页插件jQuery.pager.js

jQuery分页插件jQuery.pager.js