使用jquery.qrcode.js之前,首先引用两个js文件,在这里需要注意引用顺序,本示例采用了cdn的公用库
<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>
在body中声明一个存放二维码的容器。
<div id="qrcode"></div>
编写Js语句用于生成二维码,并且定义二维码的一些属性
<script>
jQuery(function(){
jQuery('#qrcode').qrcode({
render: "table", //渲染方式 canvas table
text: "http://www.baidu.com", //如果是中文路径,请使用encodeURI("")进行转码
width: 100, //宽度
height: 100, //高度
foreground: "#C00", //颜色
background: "#FFF", //背景色
typeNumber: 0, //计算模式,数值越大生成的方块越小
correctLevel: 0 //纠错等级
});
})
</script>