微信小程序weapp

您所在的位置：网站首页 › 外卖的微信小程序二维码怎么生成的 › 微信小程序weapp

微信小程序weapp

2024-07-14 17:54| 来源: 网络整理| 查看: 265

思路

使用weapp-qrcode在微信小程序里生成二维码，但是这个库只能给你生成到画布上，但是我查看微信小程序官方文档发现画布并没有图片的类似于show-menu-by-longpress这样的属性，所以我们只能通过其他途径把他转成图片。

微信小程序官方文档有canvasToTempFilePath这个 API可以把画布临时转成图片地址，我们把它显示在页面，然后把画布隐藏起来，这样一来就实现了我们想要的结果。

文章目录

一、安装weapp-qrcode

二、实现步骤

1.使用weapp-qrcode在画布上生成二维码

2.把画布上的二维码转换成图片地址显示到页面上

一、安装weapp-qrcode

npm i weapp-qrcode

二、实现步骤 1.使用weapp-qrcode在画布上生成二维码生成二维码 import drawQrcode from 'weapp-qrcode' Page({ data: { showModal: false }, showQRCode() { this.setData({ showModal: true }) drawQrcode({ width: 200, height: 200, canvasId: 'myQrcode', text: '不秃的Summer' }) }, hideModal() { // 关闭弹窗 this.setData({ showModal: false }); }, 2.把画布上的二维码转换成图片地址显示到页面上

注意：如果想让image组件长按弹起保存和转发的原生弹窗，要加how-menu-by-longpress，默认值是false

生成二维码

【本文地址】

微信小程序weapp

微信小程序weapp

今日新闻

推荐新闻