Jquery 二维码美化(高度定制)

所属分类:其他-杂项

 57948  428  查看评论 (56)
分享到微信朋友圈
X
Jquery 二维码美化(高度定制) ie兼容9

第一步:html代码

//logo图片(不用logo图片,可以不要)
<img id="imgLogo" src="/img/kenan.jpg" hidden>

//二维码容器
<div id="container">
      <canvas width="400" height="400"></canvas>
</div>


第二步:引用JS

<script src="js/jquery-1.11.2.min.js"></script>
<script src="js/jqueryqr.js"></script>
<script src="js/qrcode.js"></script>


第三部:调用方法

$("#container").erweima();

参数(Option)

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,调用整个图片控件


相关插件-杂项

淘宝商品动态生成SKU表格实例

淘宝商户端发布商品时动态生成SKU表格的实例
  杂项
 36174  343

jQuery弹出表单录入商品信息无刷新追加行

jQuery弹出表单录入商品信息无刷新追加行特效代码
  杂项
 31249  378

向左滑动删除列表,动态添加列表

向左滑动删除列表,动态添加列表
  杂项
 44252  403
  杂项
 26737  349

讨论这个项目(56)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ♂?影胗情♂ 0
    2021/6/25 23:09:11
    一直提示erweima不是function 回复
    遗失的那一年 0
    2019/11/18 16:50:23
    朋友,请问有什么方法使微信浏览器可以识别么
        说破。0
        2019/12/4 16:14:22
        你把radius参数调低一点试试呢
    回复
    ??灬剂怃╃ 0
    2019/4/25 23:01:09
    求一份源码 837131517@qq.com
    回复
    谭雪东 0
    2019/3/7 20:35:23
    文字的大小有参数吗 回复
    荏苒如风 0
    2018/12/29 9:49:58
    34币 太狠了吧 求一份292417779
        荏苒如风0
        2018/12/29 10:34:49
        一生气F12 手动cv了一份
        幸福~手掌0
        2019/1/8 16:52:27
        敬汉子
        说破。0
        2019/3/15 8:50:03
        敬汉子
    回复
    evan 0
    2018/9/26 11:54:45
    幽幽花道 0
    2018/8/19 11:22:51
    有的时候显示logo,有的时候刷新logo显示不出来
        太阳掉水里面了0
        2018/10/16 14:08:48
        请问有解决吗?
        说破。0
        2019/3/15 8:51:09
        是不是图片太大没加载好,我这边试了,没有问题的
    回复
    24k纯贞小清新_815 0
    2018/5/14 17:13:32
    我的demo加载第一次的时候logo不显示,必须手动刷新一下,请问这个可以优化一下吗
        太阳掉水里面了0
        2018/10/16 14:10:01
        请问有解决吗?
    回复
    忧麟浚雨 0
    2018/4/22 13:18:37
    页面第一次进入的时候,logo是渲染不出来的。必须刷新一下就好了。请问这个是什么问题啊
        说破。0
        2019/12/4 16:17:05
        试试将Logo图片放小一点,或者等待图片加载完成调用
    回复
    躺着瞌睡 0
    2018/3/23 16:15:30
    怎么下载啊?
        说破。0
        2018/3/23 17:13:55
        点击立即下载按钮啊
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复