- 说明
上个知识点讲解了如何用Java生成和解析二维码, 这个知识点讲解如何用javascript创建二维码图片。 貌似javascript就不需要解析二维码图片了,没有应用场景,就不讲解析了。 - js文件
首先需要第三方的js文件:jquery.qrcode.min.js
为了让它可以工作,还需要jquery的js jquery.min.js - html
用法很简单:
注: 其中的canvas还可以换成 table,用于在不支持html5的浏览器中使用。$('#qrcode').qrcode({render:'canvas',text:"http://12306.com",width:260,height:260});
<head> <meta http-equiv="Content-Type" content="text/html; charset=GBK"> <script src="js/jquery/2.0.0/jquery.min.js"></script> <script src="js/qrcode/jquery.qrcode.min.js"></script> </head> <div style="width:800px;margin:50px auto;text-align:center"> <h1>把字符串: http://12306.com 转换为二维码</h1> <div id="qrcode"></div> </div> <script> $(function(){ $('#qrcode').qrcode({render:'canvas',text:"http://12306.com",width:260,height:260}); }); </script>
QRCode-使用Javascript方式创建二维码
最新推荐文章于 2024-06-21 21:10:05 发布