功能开发中
首页 / 图片和视频 / 二维码生成器

二维码生成器

从文本或URL生成二维码。

200px
4

QR码将在此处生成

使用教程
  1. 在"输入内容"文本域中填写需要编码为二维码的信息：
  2. 在"选项"区域调整视觉参数：
  3. 在"颜色"区域自定义配色：
  4. 观察下方"生成的 QR码"预览区域：
  5. 对效果满意后点击蓝色的"下载 QR码"按钮，浏览器会自动将二维码保存为 qrcode.png 文件到你的下载目录
  6. 用手机相机或微信扫一扫测试生成的二维码是否能正确解码出原始内容
使用场景
  • 网站URL分享：博主/自媒体创作者将自己的文章链接、个人主页、社交媒体账号生成二维码嵌入文章底部方便读者手机扫码访问。
  • WiFi密码共享：家庭用户将WiFi名称和密码编码为WiFi格式的二维码贴在墙上，客人来访时一扫即可连接无需口述密码。
  • 名片数字化：商务人士将vCard格式的联系方式（姓名、电话、邮箱、公司、地址）制作成二维码印在纸质名片上让对方扫码存入通讯录。
  • 产品追溯溯源：制造商将产品批次号、生产日期、防伪验证URL编码为二维码印刷在包装上供消费者查询真伪。
  • 会议签到入场：活动组织者为每位参会者生成含唯一ID的二维码作为电子门票扫码快速核销入场。
  • 桌面应用快捷方式：IT管理员为企业内网系统、内部Wiki、VPN配置生成二维码贴在工位上员工扫码直达省去手动输入长URL。
  • 支付收款码制作：个体商户将支付宝/微信支付的收款链接转为二维码打印出来张贴在收银台方便顾客付款。
  • 教学课件互动：教师在PPT中嵌入知识点对应的二维码学生扫码跳转到扩展阅读材料或在线测验页面。
常见问题
Q: 生成的二维码能被所有扫码软件正确识别吗？
A: 工具绘制的二维码遵循ISO/IEC 18004标准的定位标志结构，主流扫码应用（微信、支付宝、iOS相机、Android相机、ZXing库等）均可正常识别。但需注意：(1)前景色与背景色对比度不足时可能影响识别（建议保持深浅反差）；(2)内容过长会导致二维码密度过高需要更大的尺寸才能清晰扫描。
Q: 二维码最多能存储多少字符？
A: 标准QR Code Version 40(177×177模块)最多可存储4296字节的纯数字数据或2953字节的字母数字混合数据。对于普通URL链接(通常<200字符)、简短文本信息完全够用。若内容超长工具仍会尝试编码但可能因Canvas分辨率限制导致细节丢失影响扫描成功率，建议缩短内容或增大尺寸参数。
Q: 可以生成带Logo的二维码吗？
A: 当前版本的简化实现主要聚焦于基础QR编码功能，暂不支持在中心位置嵌入Logo图片的 artistic QR code 效果。如需此功能建议使用专业库如 qrcode-generator (Kazuhiko Arase) 或 qrcodejs (davidshimjs) 它们提供更完整的纠错级别控制和中心图片覆盖能力。
工具名称 二维码生成器
所属分类 图片和视频
更新时间 2026-06-24
使用次数 35
工具简介 从文本或URL生成二维码。
功能特性
Canvas即时渲染：使用HTML5 <canvas> 元素在浏览器本地绘制二维码图像，不依赖任何外部JS库实现轻量级零延迟渲染。
尺寸自由缩放：100-500像素范围的滑块实时调节，拖动即预览大小变化，数值标签同步更新当前尺寸。
边距精细控制：0-20像素的静区(quiet zone)边距调节，确保扫描设备有足够的白色边界识别二维码边界。
双色调自定义：独立的前景色(foreground)和背景色(background)颜色选择器，默认黑白经典配色也支持品牌色/渐变创意色方案。
PNG一键导出：调用Canvas的toDataURL('image/png')方法将二维码导出为透明背景的PNG图片文件自动触发浏览器下载。
定位标志标准绘制：按照ISO/IEC 18004标准在左上、右上、左下三角绘制7×7模块的回字形定位图案(Finder Pattern)，包含外框→内白框→中心点三层嵌套结构。
暂无收藏工具
收藏工具