微信小程序从字符串生成二维码图像的操作方法

最近收到这样的需求，需要将十几个随机字符串转换成二维码，在小程序中显示。微信官方账号(另一终端)调用JSSDK扫描功能，扫描小程序生成的二维码。获取字符串，然后执行以下逻辑处理。

下面记录在一个小程序中生成二维码图片的操作，使用原作者修改过的二维码生成工具weapp-qrcode.js(在demo的很多文件中，只需将util下的这个文件复制到自己的项目中)，在原地址克隆demo即可。

截图(副本原件)

使用

1.在wxml页面中放置画布绘图二维码

添加按钮点击更改二维码图片

canvas class=' canvas ' canvas-id=' canvas '/canvas按钮bind tap=' tap handler ' data-code=' 123 ABAC 456 EFG 000 '到QR码/按钮！- data-code是生成二维码的字符串，这里写死了。其实应该改成{ {变量名} }-button bind tap=' tap handler ' data-code=' 5554433222111 '转换成二维码/button2，在page js中介绍

在线初始化二维码

定义按钮的事件处理程序

var QRCode=require('././utils/weapp-QR code . js ')；var二维码；page({ onload : function(options){ QR code=new QR code(' canvas '，{ text: 'code=00000000000 '，width: 150，height: 150，colorDark: '#000000 '，colorLight: '#ffffff '，correctLevel: QRCode。CorrectLevel.H，})；}，tapHandler:函数(e){ QR code . make code(e . target . dataset . code)；//用元素{ 0 }对应的代码更新二维码)}；参数描述

UsingIn是可选参数。使用定制组件时库存卡失效的详细信息和解决方案#1

文本是要转换成二维码的字符串；

宽度和高度是绘制的二维码的长度和宽度，设置为与画布相同的长度和宽度；

ColorDark和colorLight是两种用二维码交替的颜色；

CorrectLevel没有仔细看源代码，命名应该是准确的；

呼叫二维码。如果需要再次生成二维码，请生成代码(“要转换的文本”)

摘要

以上就是边肖介绍的微信小程序从字符串生成二维码图片的方法。希望对大家有帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！