---
type: release
title: "二维码生成器：支持网址、文本与 WiFi 的在线二维码工具"
date: 2026-06-22 19:24:00 +0800
tags: [tool, qrcode, generator, wifi, browser, png]
linkUrl: https://wangjunjian.com/tools/qr-code-generator.html
---

## 二维码生成器是什么

一款纯前端在线二维码生成工具，支持为网址、文本和 WiFi 网络创建可扫描的二维码，可自定义样式、尺寸与颜色，并直接下载 PNG 图片。

## 核心功能

- **双模式生成**：支持「网址 / 文本」和「WiFi 网络」两种二维码类型，一键切换
- **WiFi 二维码**：输入 SSID、密码、选择加密方式（WPA/WEP/无），支持隐藏网络，手机扫码即可自动连接
- **自定义样式**：提供「方块」和「流体」两种视觉风格，流体样式采用自适应圆角与同心圆定位图案
- **灵活尺寸**：小 / 中 / 大 三档尺寸可选，适配不同使用场景
- **颜色与边框**：可自定义二维码颜色，并选择是否添加外圆角边框
- **实时预览**：调整样式、尺寸、颜色或边框后，二维码实时更新
- **下载 PNG**：一键下载高清 PNG 图片，可直接用于打印或分享
- **复制图片**：支持将二维码图片复制到剪贴板，方便粘贴到文档或聊天中
- **中文支持**：内置 UTF-8 编码处理，完美支持中文文本与中文 WiFi 名称
- **纯前端运行**：所有计算在浏览器本地完成，无需上传数据，保护隐私

## 使用方式

1. 打开页面，选择「网址 / 文本」或「WiFi」模式
2. 输入对应内容（网址、文本，或 WiFi 网络信息）
3. 选择样式、尺寸、颜色，是否添加边框
4. 点击「生成二维码」
5. 使用「下载 PNG」或「复制图片」保存结果

## 浏览器兼容性

使用现代浏览器（Chrome、Edge、Firefox、Safari）可获得最佳体验。二维码生成依赖 [qrcode-generator](https://github.com/kazuhikoarase/qrcode-generator) 库，通过 CDN 加载。

## 技术栈

HTML + CSS + JavaScript + Canvas API + qrcode-generator，纯静态无后端。