zoukankan      html  css  js  c++  java
  • 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",
            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指定二维码的前景色和背景色

  • 相关阅读:
    NUnit进行单元测试
    VSTS 安装步骤
    使用 Visual Studio Team Test 进行单元测试
    vss使用技巧
    struts 2.1 action 学习
    apache2 反向代理
    zz mysql中文
    trac ubuntu 安装
    ejb 3中bean的种类
    linux下VsFTP配置全方案
  • 原文地址:https://www.cnblogs.com/jiangcheng-langzi/p/8672533.html
Copyright © 2011-2022 走看看