做网站活动页面的时候,要为每个活动生成一个二维码,虽然简单,但还是习惯记录下来。
jquery.qrcode.min.js是js的一个库,主流的浏览器都支持:IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile
方法: qrcode(),
参数:
text:要编码的字符串地址
width:定义的宽度
height:定义的高度
background:背景色
foreground:前景色
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>生成二维码</title>
<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
</head>
<body>
<div id="qrcode"></div>
</body>
<script>
$("#qrcode").qrcode({
width:64,
height:64,
text:"https://www.baidu.com/"
})
</script>
</html>
用qrcode.js生成二维码,默认是canvas画的
<!doctype html>
<html>
<head>
<meta charset="utf-8" />
<title>生成二维码</title>
<script type="text/javascript" src="qrcode.js"></script>
</head>
<body>
<div id="qrcode"></div>
</body>
<script>
new QRCode(document.getElementById("qrcode"),"https://www.baidu.com/")
</script>
</html>