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

本期介绍一个前端动态生成二维码的插件 jquery.qrcode.js，jquery.qrcode.js 是一个能够在客户端生成矩阵二维码 QRCode 的 jquery 插件 ，使用它可以很方便的在页面上生成二维码。

引入

将 jquery.qrcode.min.js 和 jquery 直接引入

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

创建 dom

创建一个 DOM 元素去包含生成 qr 码

<div id="qrcode"></div>

生成二维码

在此容器中的添加 qrcode

<script>
    jQuery(function(){
    jQuery('#qrcode').qrcode("https://www.baidu.com/");
})
</script>

进阶用法

指定二维码的生成方式：

//使用table生成
jQuery('#qrcode').qrcode({
    render: "table",
    text: "https://www.baidu.com/"
});

//使用canvas生成
jQuery('#qrcode').qrcode({
    render: "canvas",
    text: "https://www.baidu.com/"
});

指定生成二维码的大小：</