我爱模板网 > 特效插件 > 图像特效 >  qrcode.js 生成二维码的js插件正文

qrcode.js 生成二维码的js插件

特效介绍
qrcode.js支持将传入的字符串生成二维码,并放在制定的容器当中。使用简单,小巧玲珑,整个文件才33kb,生成速度快,支持设置二维码的颜色,背景色、尺寸大小,还可以设置容错级别,让二维码更容易被识别等,详见下面的文档。我爱模板网已经将它用在了app当中。效果图如下:

qrcode.js 生成二维码的js插件    
使用方法
1、引入qrcode.js
<script type="text/javascript" src="qrcode.js"></script>
2、定义一个容器,来放置生成后的二维码:
<div id="qrcode"></div>
3、调用js
var qrcodeBox = document.getElementById("qrcode");
qrcodeBox.innerHTML = '';
var qrcode = new QRCode(qrcodeBox, {
    text: '这里是要生成二维码的内容',
    width: qrcodeBox.offsetHeight,
    height: qrcodeBox.offsetHeight,
    colorDark: "#000000",
    colorLight: "#ffffff",
    correctLevel: QRCode.CorrectLevel.L
});
参数说明:
new QRCode(element,params);  //生成二维码
element
    类型:HTMLElement
    默认值:null
    作用:内容区
    是否必传:是
params
    类型:object
    内部字段:
{
    text:"二维码内容",//生成的二维码内容
    width:100,//图像宽度
    height:100,//图像高度
    colorDark:"#000000",//前景色
    colorLight:"#ffffff",//背景色
    correctLevel:QRCode.CorrectLevel.L,//容错级别
}
    容错级别,可设置为:
    QRCode.CorrectLevel.L
    QRCode.CorrectLevel.M
    QRCode.CorrectLevel.Q
    QRCode.CorrectLevel.H

API 接口
    makeCode(text)    设置二维码内容
    clear()    清除二维码。(仅在不支持 Canvas 的浏览器下有效)

NODE使用方法:

     1、安装:
//安装在当前项目
npm install --save qrcode
//全局安装
npm install -g qrcode
    2、使用:
var QRCode = require('qrcode')

created() {
    QRCode.toDataURL('http://www.5imoban.net!', function (err, url) {
      console.log(url)
    })
}


部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:基于js和canvas的图片验证码 下一篇:lake.js图片倒影水波纹特效
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢