杨小杰Blog(Youngxj)提供免费教程下载和网站搭建技术教程,主要分享和发布网站源码,致力创造一个高质量网络资源教程的分享平台

js生成带logo的二维码

Young小杰2018-6-30 14:37 网站搭建(0)3673小标签: javascript 源码分享

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-6-30,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!

发表评论:

手机扫描二维码
阅读体验更佳