确保已安装以下环境:
- Node.js >= 18.x
- Rust >= 1.70
- npm 或 pnpm
cd imagecraft
npm installnpm run tauri dev首次运行会下载并编译 Rust 依赖,可能需要 5-10 分钟。
npm run tauri build构建完成后,安装包位于 src-tauri/target/release/bundle/ 目录。
- 深色主题设计
- 玻璃拟态风格
- 橙色渐变强调色
- 流畅的动画过渡
- Rust 后端处理
- 异步处理不阻塞 UI
- 内存高效管理
-
加水印
- 文字水印
- 5 种位置选择
- 自定义字体大小、颜色、透明度
-
去水印
- 基于图像修复算法
- 边缘保持平滑
-
格式转换
- PNG、JPG、WebP、GIF、BMP
- 保持原始质量
-
图片裁剪
- 自定义区域
- 正方形预设
-
图片压缩
- 质量调节
- 尺寸限制
- Lanczos3 算法
- 后端 (
src-tauri/src/commands.rs)
#[tauri::command]
pub async fn my_new_function(input: String) -> Result<String, String> {
// 处理逻辑
Ok("result".to_string())
}- 注册命令 (
src-tauri/src/main.rs)
.invoke_handler(tauri::generate_handler![
// ...
my_new_function,
])- 前端调用 (
src/App.tsx)
const result = await invoke<string>('my_new_function', { input: 'data' })编辑 src/index.css 和 tailwind.config.js:
:root {
--primary-color: #FB923C; /* 主题色 */
}// tailwind.config.js
theme: {
extend: {
colors: {
primary: '#FB923C',
}
}
}A: Rust 首次编译需要下载并编译所有依赖,这是正常的。后续编译会快很多。
A: 图片处理使用流式处理,内存占用可控。对于超大图片,建议先压缩。
A: Windows、macOS、Linux 均支持。Tauri 会自动构建对应平台的安装包。
- Tauri 文档: https://tauri.app/v1/guides/
- image-rs 文档: https://docs.rs/image/
- React 文档: https://react.dev/
Happy Coding! 🚀