private-demo-qrcode-generator v1.0.0

二维码海报生成器

项目简介 📝

一款简单易用的二维码海报生成工具，支持自定义 Logo 和海报设计，帮助用户快速生成精美的二维码营销物料。

功能特点 ✨

1. 链接转二维码功能

• 支持输入链接快速生成二维码
• 生成的二维码清晰度高，可自定义大小
• 支持主流二维码格式

2. 自定义 Logo 功能

• 支持在二维码中添加自定义 Logo
• Logo 可通过本地文件选取
• 支持在中心和右下角两个位置添加 Logo
• 支持调整 Logo 大小和透明度

3. 自定义海报功能

• 支持本地上传海报图片
• 海报上支持添加二维码
• 可以对二维码进行大小位置拖拉拽控制

使用步骤 🚀

基础二维码生成

1. 在输入框中粘贴需要转换的链接
2. 点击"生成二维码"按钮
3. 系统自动生成对应的二维码

Logo 添加（可选）

1. 点击"添加 Logo"按钮
2. 选择 Logo 位置（中心/右下角）
3. 上传本地 Logo 图片
4. 调整 Logo 大小和透明度
5. 预览并确认效果

海报制作（可选）

1. 选择或上传海报背景
2. 将生成的二维码拖拽到合适位置
3. 调整二维码大小
4. 预览并导出成品

技术栈 🛠️

• Vue 3 - 渐进式 JavaScript 框架
• Ant Design Vue - UI 组件库
• Vite - 下一代前端构建工具
• TypeScript - JavaScript 的超集

开发环境要求

• Node.js >= 16.0.0
• npm >= 7.0.0
• 现代浏览器（Chrome、Firefox、Safari、Edge 等）

安装和运行

# 克隆项目
git clone [项目地址]

# 进入项目目录
cd qrcode

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

浏览器支持 🌍

• Chrome >= 87
• Firefox >= 78
• Safari >= 14
• Edge >= 88

注意事项 ⚠️

• 上传的图片建议不超过 2MB
• Logo 图片建议使用透明背景的 PNG 格式
• 建议使用现代浏览器访问以获得最佳体验