前端生成二维码插件jquery.qrcode.js

一、效果

二、使用

1）引入jquery.qrcode.min.js和jquery

<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>

2）创建一个DOM元素去包含生成二维码

<div id="code"></div>

3）在容器中生成二维码

<script>
    jQuery(function(){
         jQuery('#code').qrcode("https://developers.weixin.qq.com");
})
</script>

三、更多操作

1）指定二维码的生成方式

可以在调用函数的同时输入想要的二维码生成方式（table/canvas）

//使用table生成
jQuery('#code').qrcode({
    render: "table",
    text: "https://developers.weixin.qq.com"
});
 
//使用canvas生成
jQuery('#code').qrcode({
    render: "canvas",
    text: "https://developers.weix