jQuery 的 qrcode 插件就可以在浏览器端生成二维码图片. 这个插件的使用非常简单:
1、首先在页面中加入jquery库文件和qrcode插件。
- <script type="text/javascript" src="jquery.js"></script>
- <script type="text/javascript" src="jquery.qrcode.min.js"></script>
2、在页面中需要显示二维码的地方加入以下代码。
- <div id="qrcodeCanvas"></div>
- <script>
- jQuery('#qrcodeCanvas').qrcode({
- width : 300,
- height : 300,
- text : http://www.baidu.com
- });
- </script>
上面这段代码生成一张 300x300 的canvas二维码, 它包含的信息便是百度的网址。
3、用JS将上面的canvas内容转换成图片(png或jpg格式使其可以保存)。
首先设个img标签:
- <img id="image" src="">
最后用JS代码转换:
- var image = document.getElementById("image");
- var canvas = document.getElementById("qrcodeCanvas").getElementsByTagName("canvas")[0];
- image.src = canvas.toDataURL("image/png");
完成。
转自:http://coyotestark.iteye.com/blog/2265027