jquery.qrcode.min.js生成二维码

Posted Jinus

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery.qrcode.min.js生成二维码相关的知识,希望对你有一定的参考价值。

jquery.qrcode.min.js是一款可以生成二维码的插件,使用前提是先引入jquery,因为jquery.qrcode.min.js依赖jquery。

基本用法

1.引入js

    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/jquery.qrcode.min.js"></script>

2.构建容器

 <div class="app"></div>

3.生成二维码

    $(".app").qrcode({
        render:"canvas",
        width:400,
        height:400,
        text:"http://www.cnblogs.com/jiangcheng-langzi/"
    });  

这样,一个二维码就生成了,通过扫二维码,可以方便的访问本博客。

拓展讲解

(1)qrcode生成二维码有两种方式:table和canvas。

table方式:会生成许多代码,黑白相间的是一个个td,总共是37 x 37个格子,一般选择这种方式是为了兼容不支持canvas的浏览器

canvas方式:生成的二维码其实使用的是canvas绘图,可以另存为图片格式

(2)qrcode默认的宽高均为256px

(3)qrcode采用的是charCodeAt() 进行编码转换,而这个方法默认会获取它的Unicode编码,所以如果text包含中文,需要使用encodeURI()转码。

(4)此外,可以通过属性foreground和background指定二维码的前景色和背景色

 

以上是关于jquery.qrcode.min.js生成二维码的主要内容,如果未能解决你的问题,请参考以下文章

使用jquery.qrcode.min.js实现前台二维码生成(带Logo)

为网页生成二维码(jquery.qrcode.min.js)

基于jquery.qrcode.min.js生成的二维码怎么设置大小

jquery二维码生成插件jquery.qrcode.js

JS插件生成二维码 jquery.qrcode.js

使用QRCode实现二维码生成