• 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);
            });
    

      

  • 相关阅读:
    给video添加自定义进度条
    高德地图鼠标获取经纬度
    高德地图行政区域划分
    面试经验之谈
    Hybrid App 开发模式
    运维 08 常用服务安装部署
    运维 07 Linux系统基础优化及常用命令
    运维 06 vim与程序员
    运维 05 Shell基本命令
    运维 04 Shell基础命令(二)
  • 原文地址:https://www.cnblogs.com/karila/p/7099078.html
Copyright © 2020-2023  润新知