jquery 生成二维码

这几天项目有一个新功能需要动态生成二维码,在网上琢磨一番之后知道了一个插件
</div>

<span class="label bg-info">head头部引入插件和jQuery</span>
<div class="tip inlineBlock warning">

jQuery一定要在引入插件之前引入
</div>

```javascript

<span class="label bg-info">body添加div容器</span>
```html
<div id="qrcode"></div>
```

<span class="label bg-info">jQuery代码</span>
<div class="tip inlineBlock info">

直接生成二维码
</div>
```javascript
<script>
jquery('#qrcode').qrcode("https://haser.top/");
</script>
```

带属性生成二维码
</div>
```javascript
<script>
//使用table生成
jQuery('#qrcode').qrcode({
    render: "table",
　　 width: 200, //宽度
　　 height:200, //高度
    text: "https://haser.top/"
});
 
//使用canvas生成
jQuery('#qrcode').qrcode({
    render: "canvas",
    text: "https://haser.top/"
});

//生成前景色为红色背景色为白色的二维码
jQuery('#qrcode').qrcode({
    render: "canvas", //也可以替换为table
    foreground: "#C00",
    background: "#FFF",
    text: "http://www.jq22.com"
});
</script>
```
## 插件引用地址
<div class="tip inlineBlock info">

https://zjt.haser.top/js/qrcode.js
</div>

可以另存为之后保存到本地

jQuerycdn: https://www.jq22.com/cdn/
</div>

github地址:https://github.com/jeromeetienne/jquery-qrcode
</div>

jquery 生成二维码