jquery-qrcode二维码生成

忘是亡心i 2021-10-19 04:28 566阅读 0赞

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

![20190815212133153.png][]

[20190815212133153.png]: /images/20211018/d23294b6f57144debce48ae7a16f75dd.png