JS 生成二维码

JS生成二维码，其实很容易。下面我们来测试一下，一些简单的二维码就用JS生成。

我们用一个生成二维码的库：

https://github.com/SumiMakito/Awesome-qr.js

在网上翻了一些资料，这个库是没有什么缺点的，当然也可以尝试用其他生成二维码的库。

html引入Awesome-qr库：

<script src='./qr/dist/awesome-qr.js' type="text/javascript"></script>
<script src="http://www.alingfeng.cn/js/jquery.min.js"></script>

生成二维码：

<img id="qrcodeimg"/ >
<script>
    var creatqrcode = function (text, logo, background) {
    // 二维码生成参数
    var text = "http://www.alingfeng.cn";
    var size = 200;
    var colorDark = "#000000";
    var margin = 9
    var background = background || "#ffffff";
    var logo = logo || "";
    $("#qrcodeimg").css({width:size+"px",height:size+"px"})
    new AwesomeQR.AwesomeQR({
        text: text, // 内容
        size: size, // 二维码大小
        margin: margin, // 二维码白边大小
        colorDark:colorDark, // 二维码颜色
        colorLight: "rgba(159,255,255,0)", // 二维码背景颜色
        logoImage : logo, // 二维码中间logo
        logoScale : 0.3, // 二维码中间logo大小
        logoCornerRadius : 0, // 二维码中间logo圆角
    }).draw()
    .then((dataURL) => {
        $("#qrcodeimg").attr("src", dataURL)
    })
    .catch((err) => {
        console.error(err);
    });
    }
    $(function(){
        // 初始化生成二维码
        creatqrcode("http://www.alingfeng.cn")
    })
</script>

然后生成二维码试试：