一个简单易用的在线 Logo 生成器，基于 Vue 3 + Vite + Tailwind CSS 构建。
EasyLogo - 让每个人都能轻松设计专业 Logo
- 🎨 自定义文本和颜色
- 🖼️ 支持导出 PNG 和 SVG 格式
- 📱 响应式设计，支持移动端
- 💾 本地存储，自动保存编辑内容
- 🌍 支持多语言（简体中文/英文）
- 🎯 实时预览
- 🎨 丰富的颜色选择器
- 📏 可调节字体大小
- 🔄 支持反向高亮效果
- Node.js >= 18.x
- npm >= 9.x
npm installnpm run devnpm run build# 运行单元测试
npm run test
# 运行测试覆盖率报告
npm run test:coverage# 运行 ESLint
npm run lint
# 格式化代码
npm run formatsrc/
├── assets/ # 静态资源
├── components/ # Vue 组件
├── composables/ # 组合式函数
├── stores/ # Pinia 状态管理
├── utils/ # 工具函数
└── views/ # 页面视图
LogoGenerator.vue: Logo 生成器主组件ExportBtn.vue: 导出按钮组件FontSelector.vue: 字体选择器组件
useLogoGenerator: Logo 生成核心逻辑useEditableText: 文本编辑逻辑useColorPicker: 颜色选择逻辑
exportUtils: 导出相关工具函数
- 在文本框中输入你想要的前缀和后缀文本
- 使用颜色选择器自定义文本和背景颜色
- 调整字体大小和字体样式
- 选择是否启用透明背景或反向高亮
- 点击导出按钮，选择导出格式（PNG/SVG）
- Fork 本仓库
- 创建你的特性分支 (
git checkout -b feature/AmazingFeature) - 提交你的更改 (
git commit -m 'Add some AmazingFeature') - 推送到分支 (
git push origin feature/AmazingFeature) - 开启一个 Pull Request
MIT License - 详见 LICENSE 文件
详见 CHANGELOG.md