使用JavaScript 生成二维码:QRCode.js


QRCode.js 简介

QRCode.js 是一个用于生成二维码的JavaScript库,不依赖任何库,通过HTML5 Canvas绘制。

如何使用

 首先,页面引入QRCode.js[1]和必要的JQuery [2] (个人习惯使用JQuery)。

<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>
<script src="js/qrcode/qrcode.min.js"></script>

 其次,创建二维码容器:

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

 准备工作完成,实现自己的二维码:

<script>
    new QRCode($("#qrcode")[0], "hello world"); 
</script>

补充说明

 使用QRCode.js生成二维码时可以指定一些参数,如下:

<script>
//    new QRCode($("#qrcode")[0], "hello world"); 
var qrcode = new QRCode("qrcode", {
    text: "hello world",//二维码内容
    width: 300,
    height: 300,
    colorDark : "red",//指定二维码颜色
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H//容错级别
});
</script>

效果图

qrcode.js

  1. QRCode.js资源下载地址:Qrcode 库及实例下载,GitHub地址:https://github.com/davidshimjs/qrcodejs

  2. JQuery使用CND代理,<script src="https://cdn.bootcss.com/jquery/3.2.0/jquery.min.js"></script>

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容