媒介
在近期的小顺序开辟中，有一个离线天生二维码的需求。当时想到了一些优异的前端开源库 jquery-qrcode 和 node-qrcode，因为小顺序中没有DOM的观点，这些库在小顺序中并不实用。
所以，针对微信小顺序的特性，封装了 weapp.qrcode.js ，用于在小顺序中疾速天生二维码。结果如下图：
下面来引见一下运用要领：
运用
建立canvas标签
先在 wxml 文件中，建立绘制的 canvas，并定义好 width, height, canvasId 。因为小顺序没有动态建立标签的api，所以这一步不能省略。
<canvas style="width: 200px; height: 200px;" canvas-id="myQrcode"></canvas>挪用绘制要领
因为微信小顺序不支撑引入NPM包，能够将dist目次下，weapp.qrcode.min.js 拷贝至项目中。
假如你的小顺序运用了支撑引入NPM包的框架，如 wepy , 也能够直接装置 weapp-qrcode NPM包。
npm install weapp-qrcode --save引入 js 文件后，挪用 drawQrcode() 绘制二维码。
import drawQrcode from 'weapp-qrcode'
// 或许，将 dist 目次下，weapp.qrcode.min.js 复制到项目目次中
// import drawQrcode from '../../utils/weapp.qrcode.min.js'
drawQrcode({
width: 200,
height: 200,
canvasId: 'myQrcode',
text: 'https://github.com/yingye'
}API申明
| 参数 | 申明 | 示例 |
|---|---|---|
| width | 必需，二维码宽度，与canvas的width保持一致 | 200 |
| height | 必需，二维码高度，与canvas的height保持一致 | 200 |
| canvasId | 必需，绘制的canvasId | ‘myQrcode’ |
| text | 必需，二维码内容 | ‘https://github.com/yingye‘ |
| typeNumber | 非必需，二维码的盘算形式，默认值-1 | 8 |
| correctLevel | 非必需，二维码纠错级别，默认值为高等，取值：{ L: 1, M: 0, Q: 3, H: 2 } | 1 |
| background | 非必需，二维码背景色彩，默认值白色 | ‘#ffffff’ |
| foreground | 非必需，二维码前景色，默认值黑色 | ‘#000000’ |
假如想更深切的相识二维码的道理，引荐人人浏览 二维码的天生细节和道理 。
原始文档
https://github.com/yingye/wea… ，假如以为还不错，记得给个star奥～
