第一步:html代码
1 2 3 4 5 6 7 | //logo图片(不用logo图片,可以不要) < img id = "imgLogo" src = "/img/kenan.jpg" hidden> //二维码容器 < div id = "container" > < canvas width = "400" height = "400" ></ canvas > </ div > |
第二步:引用JS
1 2 3 | < script src = "js/jquery-1.11.2.min.js" ></ script > < script src = "js/jqueryqr.js" ></ script > < script src = "js/qrcode.js" ></ script > |
第三部:调用方法
1 | $("#container").erweima(); |
参数(Option)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 | render:canvas / image / div 渲染模式 ecLevel:L:7% / M:15% / Q:25% / H:30% 二维码识别度(越大越容易扫描) ----------------------------------------------------------------------------------- minVersion:6 二维码密度,推荐0-10 fill:'#666' 二维码颜色 background:'#fff' 二维码背景颜色 text:'www.baidu.com' 最后扫出来的结果 size:300 二维码大小 radius:50 点圆滑度,50以内 quiet:4 二维码边框 ------------------------------------------------------------------------------------ mode:2 不显示LOGO:0 / 文字且占整行:1 / 文字居中:2 / 图片且占整行:3 / 图片居中:4 mSize:20 logo大小 mPosX:50 logo水平坐标,50居中 mPosY:50 logo垂直坐标,50居中 label:'扫码关注我' logo文字 fontname:'微软雅黑' logo字体名 fontcolor:'orange' logo字体颜色 image:image:$("#imgLogo")[0] 设置的时候,需要把mode改成4,调用整个图片控件 |
特别申明:
本站所有资源都是由网友投稿发布,或转载各大下载站,请自行检测软件的完整性!
本站所有资源仅供学习与参考,请勿用于商业用途,否则产生的一切后果将由您自己承担!
如有侵权请联系我们删除下架,联系方式:lei1294551502@163.com