微信小程序生成海报中二维码-----长按识别不了问题及处理方案

小雍雍

已于 2022-04-05 20:50:33 修改

阅读量1.1w

点赞数 2

分类专栏：微信小程序二维码文章标签：前端微信小程序

于 2022-04-05 20:49:37 首次发布

本文链接：https://blog.csdn.net/yongyafang123/article/details/123975365

版权

本文讲述了在小程序中生成二维码图片时遇到的问题，对比了canvas绘制和base64转换两种方法，着重介绍了如何调整二维码大小以提高识别率，并讨论了内存管理以避免写入限制。作者分享了解决方案和清理缓存的技巧。

摘要由CSDN通过智能技术生成

> 问题描述：
小程序某个页面中点击按钮，想要生成带有二维码的图片，后续保存本地。生成图片后转发微信中，后长按图片不会出现识别图中二维码的选项问题。

一年前写过一个分享页，当时大部分可以识别，只有偶尔某一次识别不出来，当时就没有解决，可产品还能过去。可最近写了一个新的页面也有二维码，生成图片逻辑是一套代码，可这次没有有一次成功的。你说这咋整，想偷懒还是过不去的，终究还是要为自己的懒惰付出，躲不过去的，如果不打算转行，还是别给自己留坑吧。填起来~~~~~~

对于生成海报的功能搜一搜遍地都是，在这里我就不展开说了，本篇就对二维码的绘制详细介绍下！

>问题处理重点：

首先说下二维码生成绘制方式：有两种! 第一种方式就是用canvas画出来（利用qrcode.js）。第二种将链接转成base64的链接，然后让图片展示链接(qrcode-base64)。两个JS代码百度可得，如需可私聊我。

第一种使用，上代码：

const QRCode = require('../utils/QRCode.js')
ctx.draw(true, () => {
      // 画二维码
      let qrCode = new QRCode("shareImg", { // shareImg是canvas标签中的canvas-id="shareImg"
        width: 100 *