qrcode.js生成二维码示例

最新推荐文章于 2024-08-13 21:31:15 发布

一粒马豆

最新推荐文章于 2024-08-13 21:31:15 发布

阅读量373

点赞数

本文链接：https://blog.csdn.net/MAILLIBIN/article/details/105460977

版权

本文详细介绍了如何利用qrcode.js库在网页中生成二维码，包括引入库、配置参数和生成二维码的步骤，适用于前端开发者实现动态生成二维码的需求。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>QR CODE</title>
	
	<style>
		body{
			text-align:center;
		}
		.qrcodediv{
			margin:2em;
			text-align:center;
		}
		.qrcodediv img{
			margin-left:auto;
			margin-right:auto;
		}
		#url{
			width:20em;
			padding:1em;
			margin:1em;
			border-radius:1em;
			color:#ff6666;
		}
		.urlp{
			margin-top:2em;
			color:#ff6666;
		}
		input[type="button"]{
			width:20em;
			padding:1em;
			margin:1em;
			border-radius:1em;
			color:#ff6666;
		}
		input[type="button"]:hover{
			background-color:#ff6666;
			color:#ffffff;
		}
	</style>
	
	<script src="qrcode.min.js"></script>
	
</head>
<body>
	
	<input type="text" id="url" />
	<br/>
	<input type="button" id="enter" value="生成二维码" onclick="gener