jquery-qrcode二维码生成

最新推荐文章于 2024-05-09 09:58:59 发布

小小冒险家2022

最新推荐文章于 2024-05-09 09:58:59 发布

阅读量306

点赞数 2

文章标签： qrcode 二维码 js

本文链接：https://blog.csdn.net/zhaokejin521/article/details/99656397

版权

# qrCode

一个生成二维码插件使用demo，支持在二维码里添加logo及将二维码转成图片

HTML代码

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
		<script type="text/javascript" src="js/jquery.qrcode.js" ></script>
        <script type="text/javascript" src="js/qrcode.js" ></script> 
        <script type="text/javascript" src="js/utf.js" ></script>
		 <p>Render in table</p>
		 <div id="qrcodeTable"></div>
		 <p>Render in canvas</p>
		 <div id="qrcodeCanvas"></div>
		 <script> 
		    jQuery('#qrcodeTable').qrcode({
		         render    : "table",                <!--二维码生成方式 -->
		         text    : "http://www.baidu.com" , <!-- 二维码内容  -->
		         width : "200",               //二维码的宽度
                 height : "200",
		     });    
		     jQuery('#qrcodeCanvas').qrcode({
		     	 render    : "canvas",
		         text    : "http://www.baidu.com",
		         width : "200",               //二维码的宽度
                 height : "200",              //二维码的高度
                 background : "#ffffff",       //二维码的后景色
                 foreground : "#000000",        //二维码的前景色
                 src: 'img/gray.jpg'             //二维码中间的图片
		     });    
		 </script>
		 </body>
</html>

引入js

小小冒险家2022

关注

2
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
jquery-qrcode二维码生成

# qrCode一个生成二维码插件使用demo，支持在二维码里添加logo及将二维码转成图片HTML代码<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body&gt...
复制链接

扫一扫