狂码一生_优质编程技术资源与您共享

狂码一生_优质编程技术资源与您共享

狂码一生技术博客站主要是以优质编程技术资源共享为核心,以交流学习为目的搭建的在线平台。我们共享一些优质的资源出来,供同行业的同胞交流与学习,让彼此之间在自身的技术上得到提升,本站主要提供程序方面的资源给大家,像PHP,C++,Javascript,html,asp.net,数据库等等方面的资源,本站计划将在后期会不断完善,建设更多类目的资源,希望能得到更多同行的支持!

利用JS插件QRCode.js生成二维码

QRCode.js 是一个用于生成二维码图片的插件。

QRCode.js文件下载地址:点击直接下载

Step 1、引入qrcode.js插件包:

<script type="text/javascript" src="qrcode.js"></script>

Step 2、建立DOM结构:

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

Step 3、调用插件

// 简单方式
new QRCode(document.getElementById('qrcode'), 'your content');

// 设置参数方式
var qrcode = new QRCode('qrcode', {
  text: 'your content',
  width: 256,
  height: 256,
  colorDark : '#000000',
  colorLight : '#ffffff',
  correctLevel : QRCode.CorrectLevel.H
});

// 使用 APIqrcode.clear();
qrcode.makeCode('new content');

到这里最终生成了一张二维码图片。下面再补充一下该插件的其它参数与方法:

1、参数说明:

new QRCode(element, option)

名称默认值说明
element-显示二维码的元素或该元素的 ID
option
参数配置


2、option参数说明:


名称默认值说明
width256图像宽度
height256图像高度
typeNumber4
colorDark"#000000"前景色
colorLight"#ffffff"背景色
correctLevelQRCode.CorrectLevel.L容错级别,可设置为:

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H


3、api接口:


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


版权声明: 此文为本站源创文章[或由本站编辑从网络整理改编],
转载请备注出处: [
狂码一生 ] http://www.sindsun.com/article-details-30.html
[若此文确切存在侵权,请联系本站管理员进行删除!]

评论