weapp-qrcode-canvas-2d微信小程序生成二维码(外部二维码)，canvas-2d接口

weapp-qrcode-canvas-2d

weapp-qrcode-canvas-2d 是使用新版canvas-2d接口在微信小程序中生成二维码（外部二维码）的js包。canvas 2d 接口支持同层渲染且性能更佳，可大幅提升生成图片的速度。

仓库地址

• weapp-qrcode-canvas-2d【码云gitee】
• weapp-qrcode-canvas-2d【github】

测试环境

• 微信小程序基础库版本：2.10.4
• 开发者工具版本：Stable 1.03.2101150

Usage

先在 wxml 文件中，创建绘制的 canvas，并定义好 width, height, id , type ，其中type的值必须为2d

<canvas type="2d" style="width: 260px; height: 260px;" id="myQrcode"></canvas>

安装方法1：直接引入 js 文件

直接引入 js 文件，使用 drawQrcode() 绘制二维码

// 将 dist 目录下，weapp.qrcode.esm.js 复制到项目中。路径根据实际引用的页面路径自行改变

import drawQrcode from '../../utils/weapp.qrcode.esm.js'

安装方法2：npm安装

npm install weapp-qrcode-canvas-2d --save

// 然后需要在小程序开发者工具中：构建npm

import drawQrcode from 'weapp-qrcode-canvas-2d'

安装完成后调用

例子1：没有使用叠加图片

const query = wx.createSelectorQuery()
query.select('#myQrcode')
    .