小程序生成带信息的二维码
此处提供两种解决方案:
方案一:采用weapp.qrcode库
github地址:
这种方法也可以,但是只适合生成一个二维码。如果需求是要生成多个二维码,屏幕上下滚动预览,就会产生如下问题:
方案二:使用QRCodes.js插件
这个方法的好处是可以避开原生canvas层级过高的问题,单纯的去使用image去替代。
js库地址为:
1.将QRCode.js放入utils文件夹中:
2.在js文件的最后可以看到向外提供了一个createQrCodeImg方法 这就是生成二维码的方法:
module.exports = { createQrCodeImg: createQrCodeImg };
3.在相应page的js文件中引用QRCode.js:
var QR = require(../../utils/QRCode)
4.在方法中调用QR.createQrCodeImg()方法:
var imgData = QR.createQrCodeImg(123)
这里的imgData即为生成的二维码 为base64格式 可以直接放入img中进行使用
效果如下图:
这个需求折腾了我大半天的时间,最后其实做起来发现也很简单。如果帮到了您,动动小手指给我点个小小的赞吧~