使用jquery生成二维码并添加logo图标

最新推荐文章于 2023-02-06 18:12:46 发布

码奴生来只知道前进~

最新推荐文章于 2023-02-06 18:12:46 发布

阅读量939

点赞数

分类专栏： jQuery 文章标签：生成二维码图片

本文链接：https://blog.csdn.net/tanqingfu1/article/details/101768979

版权

jQuery 专栏收录该内容

52 篇文章 3 订阅

订阅专栏

使用插件js文件在前端生成二维码图片还使用到了一个添加logo图标的js文件 utf.js 直接贴上代码

jquery版本应该是都可以的吧我的是我项目使用的版本js

<!--HTML的标准文档结构	-->
<html>
	<head>
	<meta charset="utf-8">
	<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
	<!-- <script type="text/javascript" src="../js/jquery.qrcode.min.js"></script> --> <!-- 使用这个无法添加logo图片在二维码上 -->
	<script type="text/javascript" src="../js/jquery.qrcode.js"></script> <!--  使用这个版本的可以添加logo  -->
	<script type="text/javascript" src="../js/utf.js"></script> <!-- 生成logo的二维码 需要使用到这个js文件 -->
	</head>
	<body>
		<div id="qrcode"></div>
	<script type="text/javascript">
	//使用canvas生成
	$('#qrcode').qrcode({
	    render: "canvas",
	    width: 200,
	    height: 200,
	    text: "http://m.xinjuenet.com",
	    src: '../images/100.jpg' //logo 
	});
	 
	//使用table生成
	/* $('#qrcode').qrcode({
	    render: "table",
	    width: 200,
	    height: 200,
	    text: "http://www.jq22.com"
	}); */
	</script>
	</body>
</html>

下载demo 可以直接运行看到效果

码奴生来只知道前进~

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
打赏
0
评论
使用jquery生成二维码并添加logo图标

使用插件js文件在前端生成二维码图片还使用到了一个添加logo图标的js文件 utf.js 直接贴上代码jquery版本应该是都可以的吧我的是我项目使用的版本js<html> <head> <meta charset="utf-8"> <script type="text/javasc...
复制链接

扫一扫