首先下载jquery.qrcode插件
新建一个包括了jquery和jquery.qrcode的页面
调用qrcode插件
$('#qrcode').qrcode("http://www.baidu.com"); //任意字符串
浏览器中时如下结果,默认情况下qrcode生成的是canvas图片,这样效率高,但需要浏览器支持html5
如果不支持html5,可以用table方式对图片进行渲染
$('#qrcode').qrcode({
render: "table",
text: "www.baidu.com"
});
在浏览器中查看可以发现图片时由一个个div拼合而成的