您的位置:首页 > Web前端 > JavaScript

生成二维码,使用JS技术

2015-06-01 20:53 561 查看
二维码,随处可见,未了解前感觉很高大上,但是我们借助已有的JS库生成二维码却很简单。

二维码事例

借用了很有名的qrcode的JS库

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="qrcode.js"></script>
</head>
<body>
<div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
<script type="text/javascript">
var qrcode_c = document.getElementById("qrcode");
if(qrcode_c){
var thisURL = document.URL;
var qrcode = new QRCode(qrcode_c, {
width : 160,
height : 160
});
qrcode.makeCode(thisURL);
}
</script>
</body>


效果



程序很简单的,生成的二维码内容是文件的URL,读下程序就会调用了,qrcode.js文件搜下即可,或点击链接从官网下载。

PS:

1、qrcode官网

2、二维码的识别成功率和复杂程度有关,当二维码的信息越多时候,二维码越复杂。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息