使用文档
了解如何使用本工具集生成、定制二维码
■ 在线生成 —
pages/generator.html标准二维码快速生成工具,支持以下功能:
- 二维码内容输入(URL、文本、数字)
- 尺寸调节(100-1000px)
- 前景色 / 背景色自定义
- 输出格式选择(PNG / SVG)
- 中心 Logo 上传(限 5MB)
- 一键下载(PNG 格式)
- Vivo / Quark 浏览器兼容下载
◉ 创意工坊 —
pages/studio.html高级样式二维码定制工具,支持丰富的视觉定制:
- 点的形状:方形 / 圆角 / 圆形 / 钻石 / 星星 / 液态
- 眼睛形状:方形 / 圆角 / 圆形 / 钻石
- 颜色:纯色 / 线性渐变 / 径向渐变
- 纠错级别:L(低) / M(中) / Q(较高) / H(最高)
- 中心图标上传与大小调节
- 一键预设样式:经典黑白 / 霓虹 / 渐变 / 赛博 / 马卡龙 / 暗夜
- 导出 PNG 或复制
🛠 本地集成指南
本工具集使用以下开源库,你也可以在自己的项目中集成:
| 库名称 | 用途 | 许可证 |
|---|---|---|
assets/js/qr-engine.js | 二维码核心生成(基于 davidshimjs/qrcodejs) | MIT |
assets/js/qr-styling.min.js | 二维码样式定制(qr-code-styling) | MIT |
许可证详情见 THIRD-PARTY-LICENSES。
在 HTML 中引入本地依赖:
<!-- 在 HTML 中引入本地依赖 --> <script src="/assets/js/qr-engine.js"></script> <script src="/assets/js/qr-styling.min.js"></script> <script> var qr = new QRCodeStyling({ width: 280, height: 280, data: "hello world", dotsOptions: { type: "rounded", color: "#000" }, backgroundOptions: { color: "#fff" } }); qr.append(document.getElementById("container")); </script>
🔒 隐私与安全
✓ 不上传
所有数据仅在浏览器本地处理,不会发送到任何服务端。
✓ 不记录
不存储任何生成记录、二维码内容或用户行为数据。
✓ 不追踪
没有 Cookie、没有追踪器、没有第三方分析脚本。
✓ 开源
所有库基于 MIT 许可证,代码完全透明。