1. 加载 jQuery 和 jquery.qrcode.js:
<script type='text/javascript' src='/jquery/jquery.min.js'></script>
<script type="text/javascript" src="/jquery.qrcode/jquery.qrcode.min.js"></script>
2. 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
<div id="qrcode"></div>
3. 然后通过下面代码生成 QRcode:
$('#qrcode').qrcode(
"http://www.baidu.com
");
4. 默认生成的二维码大小是 256×256,可以自定义大小:
$('#qrcode').qrcode({width: 64,height: 64,text: "http://www.baidu.com"});
jquery.qrcode.js 演示
1. Canvas 方式渲染
2. Table 方式渲染,并加了 1px 描边。