JS实现带有logo的二维码

最新推荐文章于 2025-01-15 15:39:07 发布

原创最新推荐文章于 2025-01-15 15:39:07 发布 · 545 阅读

0 ·

CC 4.0 BY-SA版权

js 专栏收录该内容

1 篇文章

订阅专栏

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

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