zoukankan      html  css  js  c++  java
  • 使用jquery.qrcode生成二维码(转)

    jQuery 的 qrcode 插件就可以在浏览器端生成二维码图片. 这个插件的使用非常简单:

    1、首先在页面中加入jquery库文件和qrcode插件。

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

    2、在页面中需要显示二维码的地方加入以下代码。

    代码  收藏代码
    1. <div id="qrcodeCanvas"></div>  
    2. <script>  
    3. jQuery('#qrcodeCanvas').qrcode({  
    4.     width   : 300,  
    5.     height  : 300,  
    6.     text    : http://www.baidu.com  
    7. });   
    8. </script>  

    上面这段代码生成一张 300x300 的canvas二维码, 它包含的信息便是百度的网址。

    3、用JS将上面的canvas内容转换成图片(png或jpg格式使其可以保存)。

    首先设个img标签:

    代码  收藏代码
    1. <img id="image" src="">  

    最后用JS代码转换:

    代码  收藏代码
    1. var image = document.getElementById("image");  
    2. var canvas = document.getElementById("qrcodeCanvas").getElementsByTagName("canvas")[0];  
    3. image.src = canvas.toDataURL("image/png");  

    完成。

    转自:http://coyotestark.iteye.com/blog/2265027

  • 相关阅读:
    JS实现日期选择
    php获取ip地址
    CentOS下将php和mysql命令加入到环境变量中简单
    java第二次作业
    新学期新计划
    java第三次作业
    java第四次作业
    申请到博客的第一时间
    Java基础之JDK
    Java中的数据类型
  • 原文地址:https://www.cnblogs.com/li-han/p/6233307.html
Copyright © 2011-2022 走看看