PixelMaster Pro 是一款简单易用的节点式图片调色软件，专为学生和图像处理爱好者设计。通过直观的界面和强大的节点编辑系统，用户可以轻松实现专业级的图片色彩调整和批量处理。

• 直观的用户界面：深色主题设计，布局清晰，操作便捷
• 图片库管理：支持多图片导入和管理，实时预览缩略图
• 实时预览：调整参数时实时查看效果变化
• 丰富的调色工具：亮度、对比度、饱和度、色相、曲线等多种调色选项
• 节点式编辑：通过节点连接实现复杂的图像处理流程
• 批量处理：一次性处理多张图片，提高工作效率

• 现代Web浏览器（Chrome、Firefox、Edge等）
• 支持HTML5和JavaScript的环境
• 建议使用分辨率1920x1080或更高的显示器以获得最佳体验

直接在浏览器中打开 index.html 文件即可启动应用。

1. 点击顶部导航栏中的「导入」按钮
2. 在弹出的文件选择窗口中选择要处理的图片

• 点击左侧图片库中的缩略图选择要编辑的图片
• 选中的图片会在中央预览区显示

• 在右侧的参数调节面板中，通过滑块调整各项参数
• 实时观察中央预览区的效果变化
• 可以调整的参数包括：亮度、对比度、饱和度、色相、曝光等

1. 点击底部的节点编辑器区域
2. 创建节点（右键单击画布空白区域或者点击“创建节点”）
3. 连接节点创建处理流程
4. 单击节点调整节点参数

1. 选择要导出的图片
2. 点击顶部导航栏中的「导出」按钮
3. 在弹出的导出设置窗口中选择导出格式和质量
4. 点击「导出」按钮，选择保存位置

PixelMaster-Pro/
├── components/              # UI组件
│   ├── color-adjust-panel/  # 颜色调整面板
│   ├── header/              # 顶部导航栏
│   ├── image-library/       # 图片库面板
│   ├── modals/              # 模态窗口
│   ├── node-editor/         # 节点编辑器
│   └── preview-panel/       # 预览面板
├── core/                    # 核心功能模块
│   ├── batch-processor.js   # 批量处理器
│   ├── history-manager.js   # 历史记录管理
│   ├── image-processor.js   # 图像处理核心
│   ├── node-manager.js      # 节点管理
│   └── storage-manager.js   # 存储管理
├── app.js                   # 应用主入口
└── index.html               # 主HTML文件

• 前端框架：原生HTML5 + JavaScript
• 样式框架：Tailwind CSS v3
• 图标库：Font Awesome
• 图像处理：Canvas API
• 节点系统：自定义节点图实现

1. 在 components/color-adjust-panel/ 目录下添加新的调节控件
2. 在 core/image-processor.js 中实现对应的处理逻辑
3. 在 app.js 中注册新工具

1. 在 core/node-manager.js 中定义新节点类型
2. 在 components/node-editor/ 中添加对应的节点UI
3. 实现节点的处理逻辑

• 建议处理单张图片大小不超过10MB，以获得最佳性能
• 批量处理时，建议一次处理不超过20张图片
• 节点连接过于复杂时可能会影响处理速度

本项目为学生学习项目，仅供学习和个人使用。

希望你喜欢使用 PixelMaster Pro 进行图片调色创作！如有任何问题或建议，欢迎反馈。