11分钟学会JS生成二维码

本人博客: https://blog.onfree.cn

---

11分钟学会JS生成二维码

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

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

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

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

使用QRCode.js生成…

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

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

具体如下…

一、引入类库文件

<script src="https://cdn.jsdelivr.net/npm/[email protected]/qrcode.min.js"></script>

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

二、使用

• HTML

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

• 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"); // 重新生成另外一个二维码
  

  ---

三、完成

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

本博客原文：https://blog.onfree.cn/posts/e274bebd.html
转载请申明原作者Athink_，谢谢！