【小程序】生成二维码

已于 2022-10-17 21:53:46 修改
阅读量777 收藏
点赞数
分类专栏： 小程序 JavaScript 前端 文章标签： 小程序 前端 javascript
于 2022-10-17 15:17:37 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/MacwinWin/article/details/127363997
版权
JavaScript 同时被 3 个专栏收录
16 篇文章 0 订阅
订阅专栏
前端
13 篇文章 0 订阅
订阅专栏
小程序
11 篇文章 0 订阅
订阅专栏

最近在做小程序时，需要在前端展示用户各自唯一的二维码，原本打算通过接口在后端生成图片存入OSS，再将URL返回给前端，但发现不如直接在前端生成。

qrcode.js：这个项目最成熟，但没有找到小程序上使用的教程；
weapp.qrcode.js：这个项目已经4年没有更新了；
weapp-qrcode-canvas-2d：这个项目宣称使用新版的canvas-2d接口，渲染性能更好

最后项目选择使用weapp-qrcode-canvas-2d，具体demo看readme就好，亲测可行

micromicrofat
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
使用新版canvas-2d接口在微信小程序中生成二维码（外部二维码）的js包
06-08
使用新版canvas-2d接口在微信小程序中生成二维码（外部二维码）的js包
支付宝小程序生成二维码
08-27
支付宝小程序生成二维码所需的文件，直接放在页面中引入即可使用，下面是我写的一篇博客有助于使用 https://blog.csdn.net/KingJordon/article/details/100104146
直播小程序源码，小程序生成二维码 (兼容H5、微信小程序)
云豹网络科技
04-17 711
注意：也可以npm安装 npm install weapp-qrcode-canvas-2d --save。以上就是 直播小程序源码，小程序生成二维码 (兼容H5、微信小程序)，更多内容欢迎关注之后的文章。直播小程序源码，小程序生成二维码 (兼容H5、微信小程序)注意：不能再v-if内，否则会导致找不到该节点。3、这个是项目中实践使用的，没有使用叠加图片的。
推荐开源项目：WeApp-Qrcode-Canvas-2D —— 微信小程序二维码生成库
gitblog_00001的博客
04-01 491
推荐开源项目：WeApp-Qrcode-Canvas-2D —— 微信小程序二维码生成库 项目地址:https://gitcode.com/DoctorWei/weapp-qrcode-canvas-2d 在移动互联网时代，二维码已经成为连接线上线下服务的重要桥梁。尤其在微信小程序生态中，二维码的生成和识别功能更是不可或缺。今天，我们要推荐的是一款高效、易用的微信小程序二维码生成库——WeApp-...
小程序生成二维码
m0_73908251的博客
04-16 1108
button bindtap="createQrcode" type="primary">生成二维码</button>console.log('二维码临时路径：', that.data.qrcodePath)// console.log('二维码临时路径：', res.tempFilePath)// 获取临时路径（得到之后，想干嘛就干嘛了）// 调用方法drawQrcode生成二维码。二维码的绘制主要靠 weapp-3.视图：WXML 绑定事件。扫码之后里面的文字在这里修改。
weapp-qrcode-canvas-2d微信小程序生成二维码(外部二维码)，canvas-2d接口
qq_36586017的博客
01-29 2391
weapp-qrcode-canvas-2d weapp-qrcode-canvas-2d 是一个在微信小程序中，使用新版canvas-2d接口，快速生成二维码的js包。canvas 2d 接口支持同层渲染且性能更佳，可大幅提升生成图片的速度。 仓库地址 weapp-qrcode-canvas-2d【码云gitee】 weapp-qrcode-canvas-2d【github】 测试环境 微信小程序基础库版本：2.10.4 开发者工具版本：Stable 1.03.2101150 Usage 先在
微信小程序生成二维码条形码插件（js文件）
06-30
微信小程序生成二维码条形码插件（js文件），可以直接引用 import wxbarcode from '../../utils/index.js'; show(){ wxbarcode.barcode('barcode', '条码值', 680, 200); wxbarcode.qrcode('qrcode', '二维码值',...
微信小程序生成二维码实例
最新发布
05-31
在微信小程序中，生成二维码是一项常见的功能，可以用于分享、登录、支付等多种场景。本实例将详细介绍如何在微信小程序中实现二维码的生成。 首先，我们需要了解微信小程序的基本结构。一个小程序通常包含json配置...
微信小程序生成二维码
07-23
微信小程序生成二维码是一种便捷的技术，它允许开发者将各种信息，如文本、链接、图片等，编码成二维码形式，用户只需扫描即可快速访问或获取这些信息。在移动互联网时代，微信小程序因其轻便、无需安装的特点，深受...
小程序生成二维码qrcode.js
07-14
小程序生成二维码的插件，现在小程序中引入qrcode.js，然后在页面里面创建一个canvas的html，通过 qrcode.api.draw(url, { ctx: my.createCanvasContext('myCanvas'), width: 200, height: 200 }) 来渲染二维码。
小程序基本命令
aiven1637的博客
10-30 3277
onLoad: function () { // 生命周期函数--监听页面加载 onReady: function () { // 生命周期函数--监听页面初次渲染完成 }, onShow: function () { // 生命周期函数--监听页面显示 }, onHide: function () { // 生命周期函数--监...
【微信小程序】绘制二维码实现及解决canvas层级问题最佳实践
Minf的博客
11-23 1035
很久没写微信小程序的需求了，今天来活儿要做个二维码扫码相关的需求，本来以为是洒洒水的事情，谁知道也折磨了大半天，今天特此记录一下~：点击按钮，弹出二维码，二维码内容固定为test。
【转】mac版微信web开发者工具（小程序开发工具）无法显示二维码 解决方案
runwuwushengxiyu的博客
07-03 339
【转】mac版微信web开发者工具（小程序开发工具）无法显示二维码 解决方案
【踩坑】qrcodejs生成二维码真机不显示（解决部分机型二维码绘制失败）
Jinkerr的博客
03-03 7963
这个问题我也遇到了，网上搜了很多文章都没有提到，最后自己踩坑解决了 1) 问题描述： 使用qrcode.js生成base64二维码图片并绘制进canvas，然而仅在电脑调试和部分真机都没问题，但是某些真机就会显示不了…… 2) 分析解决： 由于qrcode.js自带生成的base64图片是png格式，部分真机可能无法将png图片绘制进canvas。 解决方法： 将qrcode.js生成的png图片再转成jpg格式，然后再绘制进去canvas就可以解决了 ..................
转载：在微信小程序中 生成二维码
q1ngqingsky的博客
08-11 3146
weapp-qrcode-canvas-2d 是使用新版canvas-2d接口在微信小程序中生成二维码（外部二维码）的js包。canvas 2d 接口支持同层渲染且性能更佳，建议切换使用，可大幅提升生成图片的速度。
小程序canvas2d绘制页面并且生成图片在页面预览可下载转发
weixin_42633175的博客
03-14 675
今天写了个canvas绘制图片生成图片支持长按转发下载，踩的坑有点多，记录一下！
小程序 | canvas 2d篇 - 基础库 2.7.0 开始支持
zerobiu的博客
05-15 1714
小程序画布新版canvas 2d接口
小程序绘制二维码并保存图片到系统相册
weixin_44193935的博客
10-27 1392
​​ 前言 近几天也是实现公司的一个业务场景，使用到了二维码生成保存图片这个功能，也是遇到了很多坑啊，简单记录下。 提示：以下是具体我的遇坑流程 一、起初是用Painter这个库实现的 Painter库地址 一开始也是直接把库下载下来 直接丢到小程序的components里面创建了一个组件，按照库的文档一顿操作，最后在开发工具上测试了生成和保存图片，没有一点毛病，然后真机预览的时候发现绘制的二维码缺失了，很离谱! 找到了类似的问题，但是最后还是找不到原因，于是苦逼的换了一个库 二.
uniapp 小程序生成二维码 (兼容H5、微信小程序)
热门推荐
qzo_smile的博客
05-17 1万+
背景: 在购买电影票时，生成的取票码 普通文本生成二维码，识别到的值也是普通文本，例如：条形码，电影取票码 内容实质都为普通文本； 平台区别： 1、jquery.qrcode,js （H5使用） 是一个用于生成二维码的 JavaScript 库，主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。 小程序没有DOM概念，所以不能通用； 2、weapp-qrcode-canvas-2d https://developers.weixin.qq.com/communi..

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值