QRCode.js 生成验证码

下面介绍一种前台生成二维码的插件:QRCode.js,因为项目需要做扫码登录,所以为了 减轻服务器的压力,所以就在前台生成了!
可到此次下次插件:GitHub地址

下载插件:
打开GitHub地址后,下载图中的js插件就行
在这里插入图片描述

使用方法:
1.简单方式:

   	//参数1为要在哪个标签里生成二维码,参数2为根据该参数生成的二维码信息
    	new QRCode(document.getElementById("qrcode"), "你的二维码信息");

2.设置参数方式:

    	new QRCode(document.getElementById("qrcode"),{
    		text:"你的二维码信息",
    		width:128,
    		height:128,
    		colorDark:"#000000",//二维码颜色
    		colorLight:"#ffffff",//二维码背景颜色
    		correctLevel : QRCode.CorrectLevel.H//容错级别
    		
    	})

3.清除二维码重新生成:

    //声明,但没有写生成二维码(ps:若声明qrcode没有赋值,在需要生成的地方在赋值生成,会造成无法清除二维码)
	var qrcode=new QRCode(document.getElementById("image"), {
		width:128,
		height:128,
		colorDark:"#000000",//二维码颜色
		colorLight:"#ffffff",//二维码背景颜色
		correctLevel : QRCode.CorrectLevel.H//容错级别
	});

	//使用:在需要生成的地方生成
	qrcode.makeCode("重新生成二维码信息");

	//使用:在需要清除再重新生成的地方写:
	qrcode.clear();//仅在不支持 Canvas 的浏览器下有效
    qrcode.makeCode("重新生成二维码信息");

说明:
容错级别可设置为:
QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H

默认的参数:
width:256
height:256
typeNumber:4
colorDark:"#000000"
color:"#ffffff"

OK!打完收工

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值