11分钟学会JS生成二维码

11分钟学会JS生成二维码

山有木兮木有枝，心悦君兮君不知。——佚名《越人歌》

二维码对于大家来说不陌生了，是最常接触的了..

使用二维码能够让你网站更好的分享出去..

那如何使用JS生成二维码呢..

使用QRCode.js生成..

QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库..

QRCode.js 使用简便，直接引用，加实例化就行了..

具体如下..

一、引入类库文件

<script src="https://cdn.jsdelivr.net/npm/qrcodejs@1.0.0/qrcode.min.js"></script>

或者下载类库文件到本地引用，不太建议..

二、使用

• HTML

• JavaScript

  //初始化即可
  var qrcode = new QRCode(document.getElementById("qrcode"), {
      text: "https://blog.onfree.cn",  //网址
      width: 128,        //宽
      height: 128,    //高
      colorDark : "#000000",    //阴影
      colorLight : "#ffffff",    //高光
      correctLevel : QRCode.CorrectLevel.H
  });
  
  //--以下按需使用--
  qrcode.clear(); // 清除二维码
  qrcode.makeCode("https://blog.onfree.cn"); // 重新生成另外一个二维码

  ---

三、完成

是不是很简单呢，好了！赶快去试下吧..