首页 » 二维码美化

二维码美化

2017/8/16 14:40:07 1590 梦影雾花

今天分享一款二维码美化插件,不仅能生成二维码,而且自带美颜效果哦。

QQ截图20170816143540.jpg

演示地址:http://mywh.mywhblog.cn/demo/demo2/demo.aspx

下载地址:稍后提供

使用方法如下:

1.html代码

//logo图片(不用logo图片,可以不要)
<img id="imgLogo" src="/img/kenan.jpg" hidden>
 
//二维码容器
<div id="container">
    <canvas width="400" height="400"></canvas>
</div>

2.引用JS

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

3.调用方法

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


评论列表
新浪微博
微信