# MCTools

**Repository Path**: YiChen_zyc/mctools

## Basic Information

- **Project Name**: MCTools
- **Description**: 一个简单的工具小站
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-12-08
- **Last Updated**: 2025-01-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 工具箱项目

## 图片模块

### 图片压缩

这是一个基于 Vue 3 + Element Plus 开发的在线图片压缩工具。采用现代化的技术栈和优雅的界面设计,为用户提供简单易用的图片压缩服务。

主要功能：

- 支持单张图片压缩
- 实时预览压缩效果
- 自定义压缩质量

### 批量图片压缩

支持多张图片同时压缩的功能，提高工作效率。

主要功能：

- 支持多张图片同时上传
- 显示压缩进度和状态
- 支持单张或批量下载
- 显示压缩前后对比数据
- 统一压缩质量设置

### 图片格式转换

支持多种图片格式之间的相互转换，提供简单直观的操作界面。

主要功能：

- 支持 PNG、JPEG、WebP 等常用格式的互转
- 实时预览转换效果
- 可调节输出图片质量
- 支持拖拽上传
- 显示原始图片信息
- 支持一键下载转换后的图片

特点：

- 使用 Canvas API 进行图片格式转换
- 本地转换，保护隐私
- 支持批量处理
- 优雅的苹果风格界面设计

### 图片水印功能

图片水印功能允许用户为图片添加自定义水印，支持以下特性：

1. 水印类型

   - 文字水印：支持自定义文字内容、字体、大小和颜色
   - 图片水印：支持上传自定义图片作为水印

2. 水印设置

   - 透明度调节：0-100%可调
   - 位置选择：支持左上、右上、左下、右下、居中和自定义位置
   - 实时预览：所有修改都可即时预览效果

3. 使用方法

   - 上传图片：支持拖拽或点击上传
   - 选择水印类型：文字或图片
   - 调整水印参数：根据需要设置位置、透明度等
   - 应用水印：点击"应用水印"按钮
   - 下载成品：点击"下载图片"保存处理后的图片

4. 支持格式
   - 输入格式：PNG、JPG、WebP 等常见图片格式
   - 输出格式：保持原始格式

### 图片模糊化

图片模糊化功能提供了专业的图片模糊处理工具，支持多种模糊效果和区域选择。

主要功能：

1. 模糊程度控制

   - 支持低、中、高三种模糊程度
   - 实时预览模糊效果

2. 模糊区域选择

   - 全图模糊：对整张图片进行模糊处理
   - 局部模糊：预设区域模糊
   - 自定义模糊：手动选择模糊区域

3. 区域设置

   - 大小调节：支持小、中、大三种预设尺寸
   - 位置选择：支持左上、右上、左下、右下、居中和自定义位置
   - 透明度调节：0-100%可调

4. 操作方式

   - 支持拖拽上传图片
   - 实时预览模糊效果
   - 支持自定义模糊区域拖拽
   - 一键下载处理后的图片

5. 特点
   - 本地处理，保护隐私
   - 支持多种图片格式
   - 简洁直观的操作界面
   - 专业的模糊算法

### 图片加滤镜

图片加滤镜功能提供了多种滤镜效果，支持单张和批量处理。

功能点描述：

- 支持多种滤镜效果
- 支持单张图片处理
- 支持批量图片处理
- 支持拖拽上传
- 支持下载处理后的图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### 文字卡片化功能

文字卡片化功能提供了专业的文字卡片处理工具，支持单张和批量处理。

我们希望在图片工具项目中增加一个文字卡片化功能。该功能允许用户在图片上添加带有样式的文字卡片，用于突出显示重要信息或注释。文字卡片应具有灵活的定制选项，如字体、颜色、背景、大小等。

功能点描述
文字卡片添加

用户可以在图片的任意位置添加文字卡片。
文字卡片可以通过拖拽来移动位置。
文字编辑

用户可以在卡片中输入和编辑文字。
支持常见的文本格式（如粗体、斜体、下划线）。
样式定制

字体：用户可以选择不同的字体样式。
字号：用户可以调整文字的大小。
字体颜色：用户可以选择文字的颜色。
背景颜色：用户可以选择卡片的背景颜色。
边框：用户可以选择是否添加边框以及边框的样式和颜色。
阴影：用户可以选择是否添加文字阴影，以及调整阴影的样式。
卡片大小调整

用户可以通过拖拽调整卡片的大小。
卡片大小应自适应文字内容，也可以手动调整。
卡片删除

用户可以删除不需要的文字卡片。
对齐和层次

文字卡片可以与图片上的其他元素对齐。
用户可以调整文字卡片在图片上的层次关系（置顶、置底）。
保存和导出

所有添加的文字卡片应在保存图片时保留。
用户可以导出包含文字卡片的图片。
预览功能

用户可以在最终保存前预览带有文字卡片的图片效果。

### 图片转黑白

图片转黑白功能提供了专业的图片黑白处理工具，支持单张和批量处理。

主要功能：

- 支持单张图片黑白处理
- 支持批量图片黑白处理
- 支持上传图片
- 支持拖拽上传
- 支持下载黑白处理后的图片
- 支持撤销/重做操作
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸
- 用户数据安全

### 证件照功能

证件照功能提供了专业的证件照处理工具，支持单张和批量处理。
功能点描述：

- 支持单张图片处理
- 支持批量图片处理
- 支持上传图片
- 支持拖拽上传
- 支持下载处理后的图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### 图片像素化

图片像素化功能提供了专业的图片像素化处理工具，支持单张和批量处理。

主要功能：

- 支持单张图片像素化
- 支持批量图片像素化
- 支持自定义像素化算法
- 支持实时预览像素化效果
- 支持下载像素化后的图片
- 支持拖拽上传图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### 图片马赛克化

（待做）

图片马赛克化功能提供了专业的图片马赛克处理工具，支持单张和批量处理。

主要功能：

- 支持单张图片马赛克化
- 支持批量图片马赛克化
- 支持自定义马赛克块大小
- 支持自定义马赛克颜色
- 支持实时预览马赛克效果
- 支持下载马赛克化后的图片
- 支持拖拽上传图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### 图片去水印

待定

### 图片裁剪

待定

### 图片转灰度

图片转灰度功能提供了专业的图片灰度处理工具，支持单张和批量处理。

主要功能：

1. 图片上传

   - 支持单张图片上传
   - 支持批量图片上传（可设置最大上传数量限制）
   - 支持拖拽上传
   - 支持多种常见图片格式（如 JPG、PNG、GIF 等）

2. 图片预览

   - 支持原图预览
   - 支持转换后的灰度图预览
   - 支持缩放和平移预览图片

3. 转换设置

   - 提供多种灰度转换算法选择（如加权平均法、最大值法等）
   - 支持调整亮度和对比度
   - 支持设置输出图片质量

4. 批量处理

   - 支持批量转换进度显示
   - 支持取消正在进行的批量转换

5. 图片下载

   - 支持单张转换后图片下载
   - 支持批量转换后图片打包下载
   - 支持自定义下载文件名

6. 其他功能

   - 支持撤销/重做操作
   - 支持图片处理历史记录
   - 支持快捷键操作

7. 用户体验

   - 响应式设计，适配不同设备和屏幕尺寸
   - 提供操作引导或帮助文档
   - 支持多语言界面

8. 性能优化

   - 使用异步处理大批量图片，避免界面卡顿
   - 支持大图片分块处理，减少内存占用

9. 安全性
   - 限制上传文件大小和类型
   - 确保用户数据隐私和安全

### 图片画质增强

待定

### 图片去重

待定

### 图片转字符画

图片转字符画功能提供了专业的图片转字符画处理工具，支持单张和批量处理。

主要功能：

- 支持单张图片转字符画
- 支持批量图片转字符画
- 支持上传图片
- 支持拖拽上传
- 支持下载字符画图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### 图片转二维码

图片转二维码功能提供了专业的图片转二维码处理工具，支持单张和批量处理。

主要功能：

- 支持单张图片转二维码
- 支持批量图片转二维码
- 支持上传图片
- 支持拖拽上传
- 支持下载二维码图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### svg 编辑器

待定

### 图片随机色功能

图片随机色功能提供了专业的图片随机色处理工具，支持单张和批量处理。

主要功能：

- 支持单张图片随机色处理
- 支持批量图片随机色处理
- 支持上传图片
- 支持拖拽上传
- 支持下载随机色处理后的图片
- 支持快捷键操作
- 响应式设计，适配不同设备和屏幕尺寸

### 照片墙功能

照片墙功能包括背景宽高自定义、照片缩放旋转拖拽位置、拼图、照片墙背景图片自定义。

### icon 生成器

待定

## 文件模块

### 文件复制黏贴模块

待定

### Excel 转 PDF

待定

### PDF 转 Word

待定

### PDF 转 PPT

待定

### 文件压缩

待定

### 文件解压

待定

### 文件加密

待定

### 文件解密

待定

## 技术栈

- Vue 3 - 渐进式 JavaScript 框架
- Element Plus - 基于 Vue 3 的组件库
- Vite - 下一代前端构建工具
- Pinia - Vue 3 的状态管理方案

## 功能特点

- 支持上传 PNG、JPG 等格式的图片
- 支持自定义压缩比例
- 实时预览压缩前后的图片效果
- 显示压缩前后的文件大小
- 支持下载压缩后的图片
- 优雅的苹果风格界面设计
- 响应式布局,支持移动端访问

## 项目结构

src/
├── assets/ # 静态资源文件
├── components/ # 公共组件
│ └── ModuleList.vue # 模块列表组件
├── layouts/ # 布局组件
│ ├── DefaultLayout.vue # 默认布局
│ └── ModuleLayout.vue # 模块布局
├── router/ # 路由配置
│ └── index.js
├── stores/ # Pinia 状态管理
│ └── compress.js # 压缩相关状态
└── views/ # 页面组件
├── Home.vue # 首页
└── Compress.vue # 压缩页面

## 浏览器支持

- Chrome (最新版本)
- Firefox (最新版本)
- Safari (最新版本)
- Edge (最新版本)

## 性能优化

- 使用 Vite 实现快速的开发体验
- 图片懒加载
- 组件按需加载
- 资源压缩和缓存策略

## 后续规划

- [ ] 支持批量压缩
- [ ] 添加更多图片格式支持
- [ ] 云端存储功能
- [ ] 历史记录功能
- [ ] 暗黑模式支持
- 图片加水印