首页 js生成带logo的二维码

js生成带logo的二维码

林哲 2018-7-9 0 百度收录:未收录 1505

js超简单的生成普通二维码+logo二维码,使用的是修改过的jquery.qrcode.js,就能支持带logo

代码如下:

<script>
	//有logo图
    $('#qrcode').qrcode({
        text: "https://www.wophost.cn",
        height: 150,
        width: 150,
        src: 'https://www.wophost.cn/wp-content/uploads/2018/06/ico.png'
    })
    //无logo图
    $('#qrcode2').qrcode({
        text: "https://www.wophost.cn",
        height: 150,
        width: 150,
        
    })
</script>
网页实例:
<html>
<title>超简单的js生成二维码(可带logo)</title>
<meta charset="utf8">

<div align="center" id="qrcode"></div><br>
<div align="center" id="qrcode2"></div>


<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<script src="https://www.wophost.cn/js/jquery.qrcode.min.js"></script>
<script>
	//有logo图
    $('#qrcode').qrcode({
        text: "https://www.wophost.cn",
        height: 150,
        width: 150,
        src: 'https://www.wophost.cn/wp-content/uploads/2018/06/ico.png'
    })
    //无logo图
    $('#qrcode2').qrcode({
        text: "https://www.wophost.cn",
        height: 150,
        width: 150,
        
    })
</script>
</html>


免责声明:本文仅代表作者个人观点,与本网站无关。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
赞赏作者
打赏作者 微信打赏
作者: 林哲 本文最后编辑于2018-7-9 01:44:12
林哲

一个草根站长,本站全部内容来源网络,有事联系QQ1420193311

作者的微博

发表评论