产品简介
wxapp-qrcode 一款专为微信小程序设计的二维码生成工具。它基于Canvas绘制,能完美支持中文内容,并提供丰富的自定义选项(如颜色、渐变、Logo),非常适合小程序开发者快速集成生码功能,解决原生能力不足或需个性化二维码的痛点。
核心功能
- 在小程序 Canvas 中生成二维码
- 支持中文与常见文本内容
- 支持自定义二维码前景色、背景色与线性渐变
- 支持叠加自定义 Logo(本地或网络图片)
- 提供绘制完成回调,便于导出图片
快速开始
- 克隆仓库并复制 `utils/qrcode.js` 文件到小程序项目中。
- 在页面中添加一个具有 `canvas-id` 的 Canvas 节点。
- 调用 `QR.api.draw` 方法,传入内容、Canvas ID和尺寸即可生成二维码。
界面预览
与其他方案对比
| 对比项 | wxapp-qrcode | 同类方案 |
|---|---|---|
| 集成方式 | 作为工具模块直接内置在小程序项目中,无需依赖外部服务。 | 传统网页生成方案通常需要跳转第三方网页或使用Web-View组件。 |
| 绘制能力 | 在小程序本地Canvas上绘制,支持精细的样式定制(渐变、Logo)和绘制回调。 | 普通在线生成器通常只提供静态图片下载,样式定制有限,且无法与小程序内交互流程结合。 |
| 中文支持 | 内置UTF-16到UTF-8转码,确保中文内容可靠编码。 | 部分通用库对中文内容支持不稳定,可能需要自行处理编码。 |
适合谁用
- 需要为小程序页面生成二维码的开发者
- 希望在小程序中展示个性化二维码(带Logo、渐变色)的运营人员
下载与版本
当前最新版本为 v1.1.0,发布于 2026-05-01。支持 Windows、macOS、Linux。
⚠️ 注意:本项目仅提供源代码下载,不包含可直接运行的安装包(exe/dmg/apk 等。下载后需要自行编译构建才能使用,适合有一定开发经验的用户。如果你不熟悉编译流程,建议寻找同类开箱即用的替代方案。
注意事项
- 本工具仅供学习和研究使用,请遵守相关法律法规。
- 请尊重内容创作者版权,勿将下载内容用于商业或非法传播。
- 项目源码地址:https://github.com/yuanyang749/wxapp-qrcode