js生成二维码的几种方法

╰+攻爆jí腚メ 2023-01-22 09:51 19阅读 0赞

## 一：arale-qrcode ##

[arale-qrcode GitHub路径][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",  // 生成的类型 'svg' or 'table'
      		"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地址][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 // 二维码结构复杂性 0~3
    			});
    		</script>
    	</body>
    </html>

## 三：QR码生成器 ##

[api简介][api]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FtaWh1aQ_size_16_color_FFFFFF_t_70]

完！！！

[arale-qrcode GitHub]: https://github.com/aralejs/qrcode
[GitHub]: https://github.com/davidshimjs/qrcodejs
[api]: http://goqr.me/api/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2FtaWh1aQ_size_16_color_FFFFFF_t_70]: /images/20221020/d8fa60fed70a4e9fb00bbfe9029cd8aa.png