快速用代码生成一个二维码

200 阅读1分钟
原文链接: t.jinritoutiao.js.cn

相信很多人在工作中会遇到一些使用二维码,而且还要不断更换,一般我们平常都是把二维码直接弄成图片放到网页上,这样就会变得很麻烦,而且图片加载的速度肯定是没有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.源代码

快速用代码生成一个二维码

源代码

快速用代码生成一个二维码

效果图

这只是一个简单的使用方法,明天会继续更新一个相关的小案例,请大家多多支持。

今天你学会了吗? (多选) 学会了 没学会 以前就学过

快速用代码生成一个二维码