QRCode.js 生成二维码

2016-09-20 08:29
分类:编程  AJAX  
作者:285267128

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

在线实例

实例预览 基础示例

实例预览 API 接口

使用方法

载入 JavaScript 文件

  1. <script src="qrcode.js"></script>
复制

DOM 结构

  1. <div id="qrcode"></div>
复制

调用

  1. // 简单方式 
  2. new QRCode(document.getElementById('qrcode'), 'your content'); 
  3.  
  4. // 设置参数方式 
  5. var qrcode = new QRCode('qrcode', { 
  6.   text: 'your content', 
  7.   width: 256, 
  8.   height: 256, 
  9.   colorDark : '#000000', 
  10.   colorLight : '#ffffff', 
  11.   correctLevel : QRCode.CorrectLevel.
  12. }); 
  13.  
  14. // 使用 API 
  15. qrcode.clear(); 
  16. qrcode.makeCode('new content'); 
复制

参数说明

  1. new QRCode(element, option)
复制
   
名称默认值说明
element - 显示二维码的元素或该元素的 ID
option   参数配置

option 参数说明

名称默认值说明
width 256 图像宽度
height 256 图像高度
typeNumber 4  
colorDark "#000000" 前景色
colorLight "#ffffff" 背景色
correctLevel QRCode.CorrectLevel.L 容错级别,可设置为:

QRCode.CorrectLevel.L

QRCode.CorrectLevel.M

QRCode.CorrectLevel.Q

QRCode.CorrectLevel.H

API 接口

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

 

好文要顶 收藏该文 我要举报
如果您觉得本文对你有用,不妨帮忙点个赞,或者在评论里给我一句赞美,小小成就都是今后继续为大家编写优质文章的动力!
上一篇:jQuery 获取 radio 选中后的文字
下一篇:弄一个ajax笔记方便查询-$.ajax()

一起悦读网    Copyright © 2016    浙ICP备11048508号