一：arale-qrcode
arale-qrcode GitHub路徑
npm i arale-qrcode
<html>
<body>
<div id="share_tools"></div>
<script src="qrcode.min.js"></script>
</body>
<script type="text/javascript">
var codeFigure = new AraleQRCode({
"render": "svg",
"text":'https://github.com/soldair/node-qrcode',
"size": 120
});
var share_tools = document.querySelector('#share_tools');
share_tools.appendChild(codeFigure);
</script>
</html>
二：QRCode.js
GitHub地址
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<div id="qrcode"></div>
<script type="text/javascript" src="qrcode.js"></script>
<script type="text/javascript">
new QRCode(document.getElementById("qrcode"), "https://github.com/davidshimjs/qrcodejs");
var qrcode = new QRCode(document.getElementById("qrcode"), {
text: "生成二維碼的方法不止一種",
width: 128,
height: 128,
colorDark : "#f60",
colorLight : "#ccc",
correctLevel : 0
});
</script>
</body>
</html>
![在這裏插入圖片描述]()
三：QR碼生成器
api簡介
<img style="width: 300px;height: 300px;" src="https://api.qrserver.com/v1/create-qr-code?data=http://goqr.me/api/" >
![在這裏插入圖片描述]()
