首页 > Web开发 > 详细

js通过codeURL画二维码

时间:2017-06-30 16:24:01      阅读:280      评论:0      收藏:0      [点我收藏+]

一、函数封装

//生成微信二维码
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);
        });

  

js通过codeURL画二维码

原文:http://www.cnblogs.com/karila/p/7099078.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!