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

  • 相关阅读:
    应用层
    传输层
    一元函数微分学
    函数、极限、连续
    网络层习题与真题
    网络层
    数据链路层习题与真题
    二、使用kubeadm部署k8s
    一、Kubernetes概述
    二、rsync文件同步
  • 原文地址:https://www.cnblogs.com/li-han/p/6233307.html
Copyright © 2011-2022 走看看