js通過codeURL畫二維碼

一、函數封裝

//生成微信二維碼
function xyqrcode(options) {
    var settings = {
        dom:'',
        render: 'canvas',   //生成二維碼的格式還有image、div
        ecLevel:"H",
        text:"",
        background:"#ffffff",
        fill:"#333333", //二維碼紋路的顏色
        fontcolor:"#ff9818",
        fontname:"Ubuntu",
        image:{},
        label:"",
        mPosX:0.5,   //圖片在X軸的位置
        mPosY:0.5,    //圖片在X軸的位置
        mSize:0.27,   //圖片大小
        minVersion:10,
        mode:4,
        quiet:1,
        radius:1,
        size:400
    };
    if (options) {
        $.extend(settings, options);//options對象跟settings比較，相同的就替換，沒有的就添加

    }
    if(settings.dom.length==0){
        window.console.log("Error: dom empty!");
        return;
    }
    if(settings.url.length==0){
        window.console.log("Error: url empty!");
        return;
    }
    settings.text=settings.url; //在qrcode生成二維碼的地址是text。這里就把url賦值給text
    $(settings.dom).qrcode(settings);

}

　　二、調用

<div id="code"></div>

　　

$(document).ready(function(){
            var options={};
            options.url=codeUrl; //二維碼的鏈接
            options.dom="#code";//二維碼生成的位置
            options.image=$('#img-buffer');//圖片id
           // options.render="canvas";//設置生成的二維碼是canvas格式，也有image、div格式
            options.render="image";//設置生成的二維碼是canvas格式，也有image、div格式
            xyqrcode(options);
        });