二维码生成器 - 创建自定义二维码 在线
为URL、文本、WiFi、vCard联系人和邮件生成二维码。自定义颜色、添加Logo、选择点样式，下载PNG或SVG。
常见问题
什么是 QR 码？
QR（Quick Response）码是一种二维条形码，可以存储文本、URL、WiFi 凭证和联系人信息等数据。最初由 Denso Wave 于 1994 年开发用于汽车零部件追踪，现在广泛用于移动支付、营销、身份验证和信息共享。
如何使用此 QR 码生成器？
1. 选择输入类型标签（文本/URL、WiFi、vCard、邮件、短信或电话）。2. 在表单字段中输入相关信息。3. QR 码会在您输入时实时自动生成。4. 可选择自定义颜色、点样式、角落样式，并添加 Logo。5. 下载为 PNG 或 SVG，或复制到剪贴板。
我的数据安全吗？会发送到服务器吗？
您的数据 100% 安全，永远不会离开您的浏览器。所有 QR 码生成均使用 JavaScript 和 HTML5 Canvas API 在客户端执行。任何数据都不会传输到任何服务器。
什么是 QR 码纠错？
QR 码使用 Reed-Solomon 编码包含内置纠错功能。有四个级别：L（7%）、M（15%）、Q（25%）和 H（30%）。标准 QR 码使用 M，印刷材料使用 Q，嵌入 Logo 时使用 H。
为什么要使用 WiFi QR 码？
WiFi QR 码让访客只需用手机摄像头扫描即可连接您的网络，无需手动输入复杂密码。这在办公室、咖啡厅、酒店和活动中特别有用。
QR 码最多能存储多少数据？
QR 码最多可存储 7,089 个数字字符、4,296 个字母数字字符或 2,953 字节的二进制数据（在纠错级别 L 下）。实际上，较短的内容会生成更小、更易扫描的 QR 码。
QR 码添加 Logo 后还能扫描吗？
是的，您可以在 QR 码中心添加 Logo。为确保可靠扫描，请使用纠错级别 H（30% 恢复），并将 Logo 大小保持在 QR 码面积的 20-30% 左右。本工具在添加 Logo 时会自动将纠错级别设置为 H。
代码示例
import QRCodeStyling from 'qr-code-styling';
// Basic QR code
const qrCode = new QRCodeStyling({
width: 300,
height: 300,
data: 'https://example.com',
dotsOptions: {
color: '#000000',
type: 'rounded',
},
backgroundOptions: {
color: '#ffffff',
},
qrOptions: {
errorCorrectionLevel: 'M',
},
});
// Append to DOM
qrCode.append(document.getElementById('canvas'));
// Download as PNG
qrCode.download({ name: 'qr-code', extension: 'png' });
// Generate WiFi QR code string
function generateWiFiQR(ssid, password, encryption = 'WPA', hidden = false) {
const escape = (str) => str.replace(/([\\;,:"'])/g, '\\$1');
return `WIFI:T:${encryption};S:${escape(ssid)};P:${escape(password)};H:${hidden};;`;
}
// Generate vCard QR code string
function generateVCardQR({ firstName, lastName, phone, email, org }) {
return [
'BEGIN:VCARD',
'VERSION:3.0',
`N:${lastName};${firstName};;;`,
`FN:${firstName} ${lastName}`,
phone && `TEL:${phone}`,
email && `EMAIL:${email}`,
org && `ORG:${org}`,
'END:VCARD',
]
.filter(Boolean)
.join('\n');
}