站长技术网

首页 > 网页特效 > jquery特效 >

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

一款简单实用的jQuery基于qrcode.js生成带logo图片二维码插件,可以设置二维码宽度、高度、后景色、前景色、中间的logo图片、链接地址等生成二维码样式。
jQuery基于qrcode.js生成带logo图片二维码插件
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>