宝哥软件园

微信小程序中生成二维码的工具:weapp.qrcode.js

编辑:宝哥软件园 来源:互联网 时间:2021-12-10

前言

在最近的小程序开发中,需要离线生成二维码。当时想到了一些优秀的前端开源库jquery-二维码和node-二维码。因为小程序中没有DOM概念,所以这些库不适合小程序。

因此,根据微信小程序的特点,对weapp.qrcode.js进行打包,在小程序中快速生成QR码。效果如下:

微信小程序中生成二维码工具:weapp.qrcode.js(图1)

下面是如何使用它:

使用

创建canvas标签

首先,在wxml文件中创建绘制的画布,并定义宽度、高度和画布ID。因为applet没有动态创建标签的api,所以这个步骤不能省略。

拉票样式=' width: 200px' height: 200px'Canvas-ID='我的二维码'/Canvas

调用绘制方法

由于微信小程序不支持NPM包的介绍,可以将dist目录下的weapp.qrcode.min.js复制到项目中。

如果你的小程序使用了支持引入NPM包的框架,比如wepy,你也可以直接安装weapp-qrcodeNPM包。

nstallweapp-二维码-保存引入js文件后,调用drawQrcode()绘制二维码。

从“weapp-QR code”导入QR code/或者,在dist目录下,将weapp.qrcode.min.js复制到项目目录//从导入绘制QR code”././utils/weapp . QR code . min . js ' Draw QR code({ width : 200,height 3360 200,canvasId: 'myQrcode ',text : ' https://github . com/叶英')3

API说明

微信小程序中生成二维码工具:weapp.qrcode.js(图2)

在原始文档中,如果你想对二维码的原理有更深的理解,建议你阅读二维码的生成细节和原理。

https://github.com/yingye/wea.如果觉得还不错,记得给个星~

更多资讯
游戏推荐
更多+