zoukankan      html  css  js  c++  java
  • jquery二维码生成插件jquery.qrcode.js

    如何使用它

    将jquery.qrcode.min.js和jquery添加到您的网页中

    1
    2
    <script src="jquery.min.js"></script>
    <script type="text/javascript" src="jquery.qrcode.min.js"></script>

    然后创建一个DOM元素去包含生成qr码。

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

    然后你在此容器中的添加qrcode

    1
    2
    3
    4
    5
    <script>
        jQuery(function(){
        jQuery('#qrcode').qrcode("http://www.jq22.com");
    })
    </script>

    就这么简单,您想要的二维码就生成了。


    感谢网友  提供的内容

    进阶用法

    指定二维码的生成方式:

    可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    //使用table生成
    jQuery('#qrcode').qrcode({
        render: "table",
        text: "http://www.jq22.com"
    });
     
    //使用canvas生成
    jQuery('#qrcode').qrcode({
        render: "canvas",
        text: "http://www.jq22.com"
    });

    指定生成二维码的大小:

    可以在调用函数的同时输入想要生成二维码的宽度和高度即可指定生成的二维码的大小。

    1
    2
    3
    4
    5
    6
    7
    //生成100*100(宽度100,高度100)的二维码
    jQuery('#qrcode').qrcode({
        render: "canvas"//也可以替换为table
         100,
        height: 100,
        text: "http://www.jq22.com"
    });

    指定生成二维码的色彩样式:

    可以在调用函数的同时输入想要生成二维码的前景色和背景色即可指定生成的二维码的色彩样式。

    1
    2
    3
    4
    5
    6
    7
    //生成前景色为红色背景色为白色的二维码
    jQuery('#qrcode').qrcode({
        render: "canvas"//也可以替换为table
        foreground: "#C00",
        background: "#FFF",
        text: "http://www.jq22.com"
    });

    中文ULR生成方法:

    1
    jQuery("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码
  • 相关阅读:
    让CEF支持FLASH(非安装插件的形式)
    解决SQLServer 2008 日志无法收缩,收缩后大小不改变
    HTML Socket实现 .NET
    JS基础之BOM对象
    JavaScript对象
    JS函数
    JavaScript概述
    CSS块级元素和行内元素
    返回顶部示例
    CSS属性操作二
  • 原文地址:https://www.cnblogs.com/my2018/p/10463421.html
Copyright © 2011-2022 走看看