🎨 像素画编辑器

(AI Generate) 一个纯 HTML + JS 实现的像素画编辑器，支持绘制、调色、选区、对称、导入导出等多种功能。
无需安装，直接打开网页即可使用。

特别感谢@yrjjun进行调校优化

---

✨ 功能概览

🖌 基本绘图

• 画笔 / 橡皮擦 / 取色 / 直线 / 矩形 / 圆形 / 填充 等基础工具
• 支持 Ctrl+Z / Ctrl+Y 撤销与重做
• 可一键清空画布

🎯 取色与调色板

• Alt 键取色：按住 Alt 可临时切换到取色器
• 自定义调色板
• 颜色重映射面板：
  • 点击两个颜色可交换它们的映射
  • 🎲 随机打乱颜色顺序（支持撤回）
  • ↩️ 一键恢复原始顺序

🧩 画布与网格

• 动态画布大小
• 可显示 / 隐藏绘制网格（🧩 网格 按钮）
• 画布显示大小自动随浏览器窗口调整，不改变像素逻辑尺寸

🪞 对称模式

• 支持以下对称绘制模式：
  • 无对称
  • 水平镜像
  • 竖直镜像
  • 双向镜像
  • 四向旋转对称
  • 八向旋转对称
• 模式切换后会保持激活状态（不会在工具切换时重置）

✂️ 选区系统

• 矩形选区 / 手涂选区（逐像素选取与取消）
• 支持多选（按 Shift 增加选区）
• 移动 / 复制 / 剪切 / 粘贴（Ctrl+C / Ctrl+X / Ctrl+V）
• 粘贴预览可拖动、Enter 确认、Esc 取消恢复
• 选区按钮状态与工具独立（ESC 取消选区会同步更新 UI）

🖼 图片导入

• 可导入任意图片（PNG/JPG），自动缩放为画布大小
• 使用调色板中的颜色进行“近似映射”渲染
• 保留可撤回历史

📥 导入 / 导出

• 导出为 .json（项目文件）或 .png（像素图）
• 导入项目可恢复完整绘图状态

🧭 快捷键汇总

• 按键快捷键：笔刷 B, 橡皮擦 E, 取色 Alt, 填充 F, 选区 M, 网格 G

• 撤回与重做：Ctrl + Z 撤回 Ctrl + Y 重做

• 选区：长按拖动选取，粘贴后可拖动,Shift + 拖动 叠加选区。按 Enter 放置, Esc 取消

  ——选区支持矩形和手涂两种方式；手涂选取为逐像素切换选中状态。

• Ctrl + C / X / V：复制 / 剪切 / 粘贴选区

• 对称模式：将绘制操作对称，试试就知道了

• 调色板：因为是做进地图里的所以没法很复杂，就16种颜色，发挥想象力吧()

• 颜色重映射：点击两个颜色进行互换, 将颜色重新映射。🎲随机打乱颜色，↩️恢复原始颜色映射

• 导入导出：点击右侧导出自动复制到剪贴板，导入会从输入框读取，没有就从剪贴板拿

• 导入图片：使用就近颜色和像素强制把图片缩放到画布上