现在不论是网站还是运营活动,二维码的使用频率是越来越高了。作为一个前端狗,今天就教教大家如何用jquery生成二维码。说起来挺简单,就是使用jquery的qrcode插件进行生成(jquery真是强大,要什么插件有什么插件)。
直接上代码:
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
</head>
<body>
<script type="text/javascript" src="jquery.qrcode.js"></script>
<script type="text/javascript" src="qrcode.js"></script>
<div id="compatibility_ie"></div>
<div id="canvas"></div>
<script>
$('#compatibility_ie').qrcode({
render : "table",
text : "http://www.xxxx.com"
});
$('#canvas').qrcode({
render : "canvas",
text : "http://www.xxxx.com"
});
</script>
</body>
</html>
从代码可以看到,有两种生成二维码的方法,一种是通过canvas进行生成的二维码,一种是为了兼容ie,在table中生成二维码。
Qrcode的其他api
render : "canvas",//设置渲染方式
width : 100, //设置宽度
height : 100, //设置高度
typeNumber : -1, //计算模式
correctLevel : QRErrorCorrectLevel.H,//纠错等级
background : "#ffffff",//背景颜色
foreground : "#000000" //前景颜色