前言
在近期的小程序开发中,有一个离线生成二维码的需求。当时想到了一些优秀的前端开源库 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 拷贝至项目中。
如果你的小程序使用了支持引入N