zoukankan      html  css  js  c++  java
  • js 生成二维码

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

    如何使用它

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

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

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

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

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

     jQuery('#qrcode').qrcode("http://www.jq22.com");

    【进阶用法】

    指定二维码的生成方式:

    可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。也就是在一定的条件下生成相应的二维码

    //使用table生成
    jQuery('#qrcode').qrcode({
        render  : "table",
        text    : "http://www.jq22.com"
    });
     
    //使用canvas生成
    jQuery('#qrcode').qrcode({
        render  : "canvas",
        text    : "http://www.jq22.com"
    });

    指定生成二维码的大小:

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

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

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

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

    //生成前景色为红色背景色为白色的二维码
    jQuery('#qrcode').qrcode({
            render    : "canvas",//也可以替换为table
        foreground: "#C00",
            background: "#FFF",
        text      : "http://www.jq22.com"
    });
  • 相关阅读:
    20165310_Exp2实验二《Java面向对象程序设计》
    20165310java_teamExp1_week1
    20165310java_blog_week7
    20165310java_blog_week6
    20165310 java_blog_week5
    20165211 获奖感想及java课程总结
    实验四 Android程序设计
    实验三 敏捷开发与XP实践
    第十周课下作业(补做)
    课下作业(补做)
  • 原文地址:https://www.cnblogs.com/haonanZhang/p/6699116.html
Copyright © 2011-2022 走看看