js生成二维码的几种方法

一: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",  // 生成的类型 '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地址


<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>

js生成二维码的几种方法_第1张图片

三:QR码生成器

api简介

<img style="width: 300px;height: 300px;" src="https://api.qrserver.com/v1/create-qr-code?data=http://goqr.me/api/" >

js生成二维码的几种方法_第2张图片

你可能感兴趣的:(qrcode,JavaScript)