利用js生成二維碼

1.引入js文件

<script src="src/jquery-1.8.2.js" type="text/javascript"></script>
<script src="src/excanvas.js"></script>
<script src="src/qrcode.js"></script>

2.存放二維碼的div

<div id="qrcode" class="am-text-center"></div>

3.js代碼

<script type="text/javascript">
$(function(){
//方法1.直接生成一個二維碼
  $('#qrcode').qrcode("http://baidu.com");
 /*
//方法2.設置二維碼的詳細參數
   $('#qrcode').qrcode({
	   	render : "canvas", //設置渲染方式，有table和canvas，使用canvas方式渲染性能相對來說比較好
  	 	text:"http://baidu.com",//設置要生成二維碼的網址
		width: 200, // 定義寬度
  	 	height: 200, // 定義高度
		//typeNumber:-1,//計算模式
        correctLevel:3,//二維碼糾錯級別
		//	background: "lightgray", // 背景色
		//	foreground: "red", // 前景色
	 	src: 'timg.jpg'//設置圖片
   });*/
})
</script>

4.效果圖