使用jquery.qrcode生成二维码（转）

Posted 2020-08-25 li_han

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