HTML生成二维码

一、运用场景

二维码生成的内容可以放字符串,可以放链接,可以自己拼接一些产生者身份信息。
比如运用到招聘者身份绑定
比如生成车间扫描二维码,扫码跳转页面知道今天生产订单

效果展示:
在这里插入图片描述

二、实现

完整的代码须下载资源包
HTML代码(示例):

<!DOCTYPE html>
<html>
<head>
    <title>二维码</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="http://code.jquery.com/jquery-3.6.0.min.js"></script>
    <!-- 引入 -->
    <script type="text/javascript" src="lib/jquery-qrcode-0.14.0/jquery-qrcode-0.14.0.min.js"></script>

</head>
<body class="container">
	<!-- 给个生成二维码的地方 -->
	<div class="QRCode" style="text-align:center"></div>
	
	<script type="text/javascript">
		//生成到一个div上 param1 容器,param2 二维码内容(可以放字符串,可以放链接)
		createQrcode($(".QRCode"), "https://www.baidu.com");
		function createQrcode($divObj, text, render) {
			if (!render) { render = "image"; }
			$divObj.html("").qrcode({
				render: render,
				size: 305,
				color: "#3a3",
				ecLevel: "Q",
				quiet: 2,
				radius: 0.4,
				mode: 0,
				mSize: 0.2,
				text: text
			});
		}
	</script>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值