jQuery基于qrcode.js生成带logo图片二维码插件

来源:https://www.sucaihuo.com/js/4289.html 2019-04-07 11:14浏览(2492) 收藏

一款简单实用的jQuery基于qrcode.js生成带logo图片二维码插件,可以设置二维码宽度、高度、后景色、前景色、中间的logo图片、链接地址等生成二维码样式。
jQuery基于qrcode.js生成带logo图片二维码插件
分类:其它特效 > 二维码 难易:初级
查看演示 下载资源 下载积分: 30 积分
关注公众号,免费赠送安装视频教程、环境和学习视频,后面会不断更新。

js代码

<script type="text/javascript" src="js/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="js/qrcode.js"></script>
<script type="text/javascript" src="js/utf.js"></script>
<script type="text/javascript" src="js/jquery.qrcode.js" ></script>
    <script type="text/javascript">
        function makeCode(url) {
            $("#qrcode").qrcode({
                render: "canvas",
                text: url,
                width : "200",               //二维码的宽度
                height : "200",              //二维码的高度
                background : "#ffffff",       //二维码的后景色
                foreground : "#000000",        //二维码的前景色
                src: 'img/logo.png'             //二维码中间的图片
            });
        }
        function createQrcode () {
            var url = 'https://www.sucaihuo.com';//$('#url').val();
            makeCode(url);
        }
    </script>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2