jquery.qrcode生成带logo的二维码

最新推荐文章于 2025-05-29 16:57:17 发布

橙乐果果

最新推荐文章于 2025-05-29 16:57:17 发布

阅读量1.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： Web Tool

本文链接：https://blog.youkuaiyun.com/weixin_38407595/article/details/87183651

本文介绍如何利用jQuery插件jquery.qrcode在HTML中生成带有Logo的二维码。提供了一个实例效果展示，并提供了源码下载链接，帮助开发者实现自定义二维码功能。

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

HTML

    <body>
		<div id='qrcode'></div>
		
		<script src="jquery.min.js"></script>
		<script src="jquery.qrcode.js"></script>
		<script src="qrcode.js"></script>
		<script src="utf.js"></script>
			
	    	    function codeModel(url) {
			  $("#qrcode").qrcode({
			  render : "canvas",
			  text : url,//地址
			  width : "200", //宽度         
			  height : "200", //高度
			  background : "#ffffff", //后景色
			  foreground : "#000000",  //前景色
			  src: 't.jpg'  //中间的图片

			});
		    }
			
			createQrcode();
			function createQRCode() {
			    var url = 'https://blog.youkuaiyun.com/weixin_38407595/article/details/87183651';
			    codeModel(url);
			}

		</script>
	</body>