相信很多人在工作中会遇到一些使用二维码,而且还要不断更换,一般我们平常都是把二维码直接弄成图片放到网页上,这样就会变得很麻烦,而且图片加载的速度肯定是没有jquery加载的快,这是基于canvas画出来的一个二维码,所以相对于图片来说加载就会变得稍微的快一点,那么现在就来介绍这个插件怎么来使用。
1.首先要引入jquery文件因为是基于jquery前提下的
<script src="./jquery.js"><script>
2.接下来再引入qrcode.js
<script src="./qrcode.js"><script>
3.引入完成后开始简单操作了
1.首先要写一个<div id="qrcode"><div>
2.<script>
// 创建一个实例对象
var qrcode =new QRCode("qrcode",{ //qrcode个是这个元素
text: 'hello' //这是二维码扫出来的内容
width:200, // 这是二维码的宽度
height : 200 // 这是二维码的高度
colorDark:‘#000000’// 这是二维码的前景色
colorLight: ‘#ffffffff’ //这是二维码的背景色
// 注意在这里尽量不要去使用因为可能用了就会扫不出来内容
correctLevel : QRCode.CorrectLevel.H // 容错级别 QRCode.CorrectLevel.L,
QRCode.CorrectLevel.M, QRCode.CorrectLevel.Q, QRCode.CorrectLevel.H
})
</script>
3.API : makecode(text) //设置二维码内容
clear() // 清楚二维码
4.源代码
源代码
效果图
这只是一个简单的使用方法,明天会继续更新一个相关的小案例,请大家多多支持。
今天你学会了吗? (多选) 学会了 没学会 以前就学过