应用商店截图设计器

一款基于 Electron + React + Konva 的桌面端应用商店截图设计工具，支持批量生成 Apple App Store、Google Play、Android 国内市场等多平台应用展示截图。

功能特性

🎨 画布设计

• 所见即所得编辑 — 在画布上直接拖拽、缩放、旋转元素
• 多画布管理 — 最多 10 张截图画布，支持 Tab 切换
• 手机外壳模型 — 内置 iPhone 6.5"、iPad 13"、Android、华为、HarmonyOS 等多种设备模型
• 3D 透视效果 — 支持 RotateX/Y/Z 和透视距离调节，让手机展示更有立体感
• 文本组件 — 完整的 TextLayer 属性：字体、字号、字重、字距、行高、对齐、填充（纯色/线性渐变/径向渐变）、描边、阴影、发光、圆角背景、透明度、混合模式
• 图片组件 — 支持裁剪、填充模式（Cover/Contain/Stretch）、圆角、边框、阴影、模糊、滤镜（亮度/对比度/饱和度/色相/伽马）、透明度、混合模式
• 形状组件 — 矩形、圆形、星形、环形、弧形、线条、箭头、三角形、椭圆，支持填充色、描边色、描边宽
• 变换工具 — Konva Transformer 支持多方向缩放和旋转
• 画布缩放 — 滚轮缩放 + 重置按钮

🏪 商店预设

• Apple App Store — iPhone 6.9" / 6.5" / 5.5"、iPad 13" / 12.9" / 11"
• Google Play — Phone、Tablet 7"、Tablet 10"
• Android 国内市场 — 华为、HarmonyOS、小米、OPPO、vivo、荣耀、腾讯应用宝
• 自定义尺寸 — 自由输入画布宽高
• 预设包含对应的设备外壳和导出命名规则

🎨 背景系统

• 纯色 — 44 种精选纯色（绿松石、翡翠、紫水晶等）
• 渐变 — 44 种线性/径向渐变
• 流体 — 44 种流动感渐变
• 多彩 — 44 种鲜艳多色渐变
• 模糊渐变 — 44 种柔和过渡渐变
• 一键统一所有画布背景色

📤 导出系统

• 导出当前 — 导出当前选中的画布为 PNG
• 批量导出 — 支持批量导出 PNG / JPG，自动创建按预设命名的目录
• DPI 控制 — 固定 72 DPI，满足应用商店要求
• 导出进度窗口 — 实时显示导出进度、成功/失败计数及文件列表
• 打开文件夹 — 导出完成后一键打开目标目录

👁 预览功能

• 项目预览 — 将所有画布按顺序水平排列预览，支持横向滚动
• 缩略图预览 — 左侧窗格显示所有画布的缩略图
• 拖拽排序 — 按住缩略图可拖拽调整顺序
• 双击重命名 — 在缩略图上双击可编辑标题
• 替换/删除 — 每个缩略图支持替换图片和删除

⌨️ 键盘快捷键

快捷键	功能
↑ ↓ ← →	移动选中元素（1px/步）
Shift + ↑ ↓ ← →	快速移动（10px/步）
Delete / Backspace	删除选中元素

📁 项目管理

• 保存/另存方案 — 导出为 JSON 项目文件
• 自动保存 — 每 5 秒自动保存到本地
• 新建方案 — 重置所有画布重新设计