二维码生成插件使用(qrcode.js)

插件gitHub地址qrcodejs地址

1、插件引入

<script src="./qrcodejs-master/qrcode.js"></script>

2、使用

<div id="qrcode"></div>

<script type="text/javascript">
var qrcode = document.getElementById("qrcode");
var qrcode = new QRCode(qrcode , {
	text: "https://www.baidu.com/",
	width: 128,
	height: 128,
	colorDark : "#000000",
	colorLight : "#ffffff",
	correctLevel : QRCode.CorrectLevel.H
});
</script>
参数名参数说明备注
text二维码承载的信息
width二维码宽(像素)
height二维码高(像素)
colorDark二维码颜色
colorLight二维码背景颜色
correctLevel容错级别由低到高
QRCode.CorrectLevel.L
QRCode.CorrectLevel.M
QRCode.CorrectLevel.Q
QRCode.CorrectLevel.H

3、qrcode方法

qrcode.clear(); // clear the code.
qrcode.makeCode("二维码承载的信息"); // make another code.

qrcode.clear();该方法只是将生成的二维码图片换成透明图片
在这里插入图片描述
使用qrcode.clear();后的效果:
在这里插入图片描述
如果要更新二维码,建议使用qrcode.makeCode("二维码承载的信息");该方法即可替换text的内容信息。

  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值