在最近的小程序开发中,需要离线生成二维码。当时想到了一些优秀的前端开源库jquery-二维码和node-二维码。因为小程序中没有DOM概念,所以这些库不适合小程序。
因此,根据微信小程序的特点,对weapp.qrcode.js进行打包,在小程序中快速生成QR码。效果如下:
下面是如何使用它:
首先,在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
在原始文档中,如果你想对二维码的原理有更深的理解,建议你阅读二维码的生成细节和原理。
https://github.com/yingye/wea.如果觉得还不错,记得给个星~