首页 / JQUERY / 使用jquery.qrcode生成二维码（转）

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

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了使用jquery.qrcode生成二维码（转），小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含864字，纯文字阅读大概需要2分钟。

内容图文

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

原文：http://www.cnblogs.com/li-han/p/6233307.html

内容总结

以上是互联网集市为您收集整理的使用jquery.qrcode生成二维码（转）全部内容，希望文章能够帮你解决使用jquery.qrcode生成二维码（转）所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1203759.html

来源：【匿名】