QRCode.js：基于JQuery的生成二维码JS库的使用
更新时间：2017年06月23日 09:30:14 作者：锅子博客
本篇文章主要介绍了QRCode.js：基于JQuery的生成二维码JS库的使用，具有一定的参考价值，有兴趣的同学可以了解一下
1. QRCode.js
QRCode.js是一个二维码生成javascript库；支持跨浏览器的HTML5 Canvas和表格标签的DOM操作；并且不依赖其它的库或拓展。
主页：QRCode.js
Github：davidshimjs/qrcodejs
2. 用法
2.1 基础用法
<div id="qrcode"></div>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "https://www.gzpblog.com");
</script>
2.2 传参用法
<div id="qrcode"></div>
<script type="text/javascript">
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "https://www.gzpblog.com",
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
</script>
2.3 调用函数
qrcode.clear(); // 清除二维码
qrcode.makeCode("https://www.gzpblog.com"); // 创建一个新的二维码
3. 适用范围
之前用PHP QR Code来生成二维码，发现通过这个PHP插件来生成，有些小问题；它内部集成得不是很好，不是很适合用来直接展示二维码到浏览器上，样式不好控制（不保存二维码文件的情况下）。
而使用QRCode.js可以非常方面地控制样式，就像一张图片一样来用，因为图片直接输出到
<div id="qrcode"></div>
中，非常可控。就像之前微信支付官方的sdk，phpsdk是用的phpqrcode来生成，改成QRCode.js，之后，一个简单的效果：
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
本文详细讲解了Jquery回调对象与延迟对象的用法，文中通过示例代码介绍的非常详细。对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2022-05-05
这篇文章主要介绍了jQuery中insertBefore()方法用法,实例分析了insertBefore()方法的功能、定义及把匹配的元素插入到另一个指定的元素集合前面的使用技巧,需要的朋友可以参考下2015-01-01
之前做项目的时候，一直都想着做一个上下滚动的公告栏，作为展示网站的最新公告信息，给用户带来极好的用户体验，下面小编通过实例代码给大家分享基于jQuery实现上下滚动公告栏，感兴趣的朋友一起看看吧2018-11-11
点击一个按钮时，弹出一个自定义窗口，并且可以随意的拖拽，jquery也可以实现这样的功能，下面有个不错的示例，大家可以感受下2014-03-03
这篇文章主要介绍了jQuery焦点图轮播效果实现方法,结合实例形式简单分析了jQuery实现焦点图轮播效果的核心代码与相关操作技巧,需要的朋友可以参考下2016-12-12
setTimeout在以前的js中是定时执行一个对象或函数，下面我来介绍jquery中的setTimeout函数使用方法有需要了解的朋友仔细的参考参考2013-04-04
这篇文章主要介绍了jQuery实现从身份证号中获取出生日期和性别的方法,结合实例形式分析了jQuery数学运算与字符串操作相关技巧,需要的朋友可以参考下2016-02-02
这篇文章主要为大家详细介绍了jquery canvas绘制图片验证码实例，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-10-10
这篇文章主要介绍了jQuery实现背景弹性滚动导航效果的方法,涉及jQuery动态操作页面元素样式的相关技巧,需要的朋友可以参考下2016-06-06
这篇文章主要介绍了jQuery实现html可联动的百分比进度条，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-03-03
最新评论