Qsc
Qsc
发布于 2026-07-22 / 4 阅读
0
0

图像编辑器

miniPaint — 开箱即用的开源浏览器图像编辑器

miniPaint 是一个基于浏览器的开源图像编辑器,类似轻量版 Photoshop。原版功能齐全,但界面风格偏老旧,默认英文,部分交互不够现代。

我做了个 Fork 版,在保留原有功能的基础上,全面现代化了 UI,并增加了一些实用功能。

https://qsc.ink/minipaint

改了什么

  1. UI 现代化:采用 VS Code 风格的高级灰暗色主题,统一圆角,弹窗毛玻璃效果,菜单/按钮交互动画

  2. 自定义光标:使用 icon-park SVG 图标为每个工具生成对应的浅紫色光标,在任何背景下都清晰可见

  3. 右侧面板可拖拽:右侧信息栏左边缘可拖拽调整宽度(150px-500px),自动保存

  4. 全屏模式:右上角添加最大化/还原按钮,支持浏览器全屏 API

  5. 面板默认折叠:Preview 和 Information 面板默认收起,节省空间

  6. 中文默认语言:默认界面语言改为中文,开箱即用

怎么用

编辑器界面

打开后直接进入编辑器,界面分四个区域:

  • 顶部 — 菜单栏 + 工具属性栏:文件/编辑/图像/图层/效果等菜单,以及当前工具的参数调节

  • 左侧 — 工具栏:选择、画笔、铅笔、橡皮擦、填充、文字、裁剪等 20+ 工具

  • 中间 — 画布区域:主编辑区,支持缩放、平移

  • 右侧 — 信息面板:颜色选择、图层管理、图层详情、预览(可拖拽调整宽度)

基本流程

  1. 新建/打开 → 菜单「文件」→「新建」创建空白画布,或「打开」导入图片

  2. 选择工具 → 左侧工具栏点击切换工具,每个工具有对应的图标光标

  3. 调整参数 → 顶部属性栏调整工具大小、颜色等参数

  4. 编辑图像 → 在画布上绘制/编辑;支持多图层,右侧面板管理图层

  5. 添加效果 → 菜单「图像」→「滤镜」,数十种特效可选

  6. 导出保存 → 菜单「文件」→「保存」,支持 PNG、JPG、WebP、GIF 等格式

特色功能

  • 图层系统:多图层支持,可调整顺序、透明度、混合模式

  • 丰富滤镜:模糊、锐化、老照片、马赛克、蓝图、夜视等 30+ 种效果

  • 绘画工具:铅笔、画笔、克隆、渐变、文字等

  • 选区操作:矩形/椭圆/魔棒选择,支持复制/剪切/粘贴

  • 快捷键:完整的键盘快捷键支持

注意事项

  • 纯前端应用,所有操作在浏览器本地完成,不会上传任何数据

  • 推荐使用 Chrome 获得最佳体验

  • 支持粘贴板导入(Ctrl+V 直接粘贴截图)

  • 数据不自动保存,编辑完成后记得导出


评论