? jQuery基于qrcode.js生成帶logo圖片二維碼插件 - 素材火
頭像

jQuery基于qrcode.js生成帶logo圖片二維碼插件

來源:https://www./js/4289.html 18***38 2019-04-07 11:14瀏覽(81) 收藏

一款簡單實用的jQuery基于qrcode.js生成帶logo圖片二維碼插件,可以設置二維碼寬度、高度、后景色、前景色、中間的logo圖片、鏈接地址等生成二維碼樣式。
jQuery基于qrcode.js生成帶logo圖片二維碼插件
分類:其它特效 > 二維碼 難易:初級

程序員,你不是一個人;網站開發QQ群:35248186,在線充值,或聯系QQ2589223951直接充值

查看演示 下載資源: 3 下載資源 下載積分: 30 積分

js代碼

<script type="text/javascript" src=/js/"js/jquery-2.2.4.min.js"></script>/index.html
<script type="text/javascript" src=/js/"js/qrcode.js"></script>/index.html
<script type="text/javascript" src=/js/"js/utf.js"></script>/index.html
<script type="text/javascript" src=/js/"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.';//$('#url').val();
            makeCode(url);
        }
    </script>
最新交易
評論1
頭像

系統已開啟自動識別垃圾評論機制,識別到的自動封號,下載出錯或者資源有問題請聯系全棧客服QQ 2589223951

  • 頭像 沙發
    04-08 10:19
    AJ***on
    效果還是挺順暢的,謝謝分享出來!
1 2