JS实现生成带Logo二维码

JS实现生成带Logo二维码

• 需要下载对应JS文件
• JS文件包括jquery.qrcode.js(生成二维码所需)和Utf.js(中文转码所需)

1、页面引入JS

• 需要引入Jquery.js
• 需要引入jquery.qrcode.js
• 需要引入Utf.js

<script src="js/jquery-1.12.4.min.js"></script>
<script src="js/jquery.qrcode.js"></script>
<script src="js/utf.js"></script>

2、页面二维码div

• 该div用于显示生成的二维码

<div  id="qrCodeImge"></div>

3、Js代码实现

$("#qrCodeImge").qrcode({
        render : "canvas", //二维码方式 
        text : "扫描二维码后显示的内容",    
        width : "120",//二维码宽度
        height : "120",//二维码高度
        background : "#ffffff",//二维码背景颜色     
        foreground : "#000000",//二维码前景颜色
        src: 'images/icon_03.png'//二维码中间Logo图片             
 });