|
|
|
步骤 2 : js文件 步骤 3 : html 步骤 4 : 可运行项目
上个知识点讲解了如何用Java生成和解析二维码， 这个知识点讲解如何用javascript创建二维码图片。 貌似javascript就不需要解析二维码图片了，没有应用场景，就不讲解析了。
首先需要第三方的js文件：jquery.qrcode.min.js，在右上角有下载。
为了让它可以工作，还需要jquery的js,也在右上角有下载
用法很简单：
$('#qrcode').qrcode({render:'canvas',text:"http://12306.com",width:260,height:260}); 注： 其中的canvas还可以换成 table,用于在不支持html5的浏览器中使用。 <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>
<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>
在右上角有本知识点对应的可运行项目下载 ,实在自己搞不出来，就下载解压出来比较一下。
HOW2J公众号，关注后实时获知最新的教程和优惠活动，谢谢。
问答区域
2018-02-06
中文问题
3 个答案
AlphaGo 跳转到问题位置 答案时间：2019-06-17 赞你哟
junxiaoge
记得看笔记 跳转到问题位置 答案时间：2018-05-07 junxiaoge这波代码我给满分
666 junxiaoge 跳转到问题位置 答案时间：2018-03-13 转码
回答已经提交成功，正在审核。 请于 我的回答 处查看回答记录，谢谢
提问之前请登陆
提问已经提交成功，正在审核。 请于 我的提问 处查看提问记录，谢谢
|
|||||||||||||||
