jquery.qrcode.js 使用详解

jquery.qrcode.min.js 是一款基于 jquery 便当生成二维码图片的小插件。该插件兼容主流阅读器：IE9~11, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile。最近刚好运用到它，简单学习了下如何运用，这里简单记载一下，以便备查。

和一切 js 文件一样，在运用之前我们需求先引入它，引入代码如下，请自行确保曾经引入 jquery.min.js 文件。

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

然后是一些详细的操作办法。

根底运用

普通状况下我们只需求创立一个 DOM 元素，然后将需求生成二维码的参数经过 js 代码传入进去生成即可：

创立 DOM 元素

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

JS 生成二维码

<script>
jQuery(document).ready(function(){
    $('#qrcode').qrcode("https://blog.quietguoguo.com/");
});
</script>

留意：需求生成中文字符的二维码需求运用 encodeURI 对输入的文本参数停止转码。

高级操作

假如需求自定义调整二维码的生成方式，大小，颜色等信息可参考如下设置：

<script>
jQuery(document).ready(function(){
    $('#qrcode').qrcode({
        render:"canvas",                           // 可切换为 table，默许 canvas
        width: 100,                                // 宽度，单位 px
        height: 100,                               // 高度，单位 px
        foreground: "#f00",                        // 前风光
        background: "#fff",                        // 背风光
        correctLevel: 0,                           // 纠错等级 0 1 2 3
        text: "https://blog.quietguoguo.com/"      // 需求消费二维码的文本内容
    });
});
</script>

感谢您的来访，获取更多精彩文章请收藏本站。