JS实现带有logo的二维码

最新推荐文章于 2025-05-21 13:26:26 发布

ManyTomcats

最新推荐文章于 2025-05-21 13:26:26 发布

阅读量528

点赞数 1

CC 4.0 BY-SA版权

分类专栏： js

本文链接：https://blog.youkuaiyun.com/sly_1995/article/details/78762016

js 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用HTML和JavaScript技术生成包含中文及LOGO的二维码的方法。通过加载必要的库文件，如jQuery和qrcode.js，可以实现在网页上绘制指定URL的二维码，并且能够在二维码中嵌入图片。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>该二维码支持中文和LOGO</title>

		<script type="text/javascript" src="jquery-1.8.0.js"></script>
		<script type="text/javascript" src="utf.js"></script>
		<script type="text/javascript" src="jquery.qrcode.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$("#qrcode").qrcode({
					render : "canvas",  
					text : "http://my.youkuaiyun.com/sly_1995",  
					width : "200",              
					height : "200",            
					src: '1.jpg' 
				});
			});
		</script>
	</head>
	<body>
	    <div id="qrcode"></div>
	</body>
</html>