miniPaint — 开箱即用的开源浏览器图像编辑器
miniPaint 是一个基于浏览器的开源图像编辑器,类似轻量版 Photoshop。原版功能齐全,但界面风格偏老旧,默认英文,部分交互不够现代。
我做了个 Fork 版,在保留原有功能的基础上,全面现代化了 UI,并增加了一些实用功能。
改了什么
UI 现代化:采用 VS Code 风格的高级灰暗色主题,统一圆角,弹窗毛玻璃效果,菜单/按钮交互动画
自定义光标:使用 icon-park SVG 图标为每个工具生成对应的浅紫色光标,在任何背景下都清晰可见
右侧面板可拖拽:右侧信息栏左边缘可拖拽调整宽度(150px-500px),自动保存
全屏模式:右上角添加最大化/还原按钮,支持浏览器全屏 API
面板默认折叠:Preview 和 Information 面板默认收起,节省空间
中文默认语言:默认界面语言改为中文,开箱即用
怎么用
编辑器界面
打开后直接进入编辑器,界面分四个区域:
顶部 — 菜单栏 + 工具属性栏:文件/编辑/图像/图层/效果等菜单,以及当前工具的参数调节
左侧 — 工具栏:选择、画笔、铅笔、橡皮擦、填充、文字、裁剪等 20+ 工具
中间 — 画布区域:主编辑区,支持缩放、平移
右侧 — 信息面板:颜色选择、图层管理、图层详情、预览(可拖拽调整宽度)
基本流程
新建/打开 → 菜单「文件」→「新建」创建空白画布,或「打开」导入图片
选择工具 → 左侧工具栏点击切换工具,每个工具有对应的图标光标
调整参数 → 顶部属性栏调整工具大小、颜色等参数
编辑图像 → 在画布上绘制/编辑;支持多图层,右侧面板管理图层
添加效果 → 菜单「图像」→「滤镜」,数十种特效可选
导出保存 → 菜单「文件」→「保存」,支持 PNG、JPG、WebP、GIF 等格式
特色功能
图层系统:多图层支持,可调整顺序、透明度、混合模式
丰富滤镜:模糊、锐化、老照片、马赛克、蓝图、夜视等 30+ 种效果
绘画工具:铅笔、画笔、克隆、渐变、文字等
选区操作:矩形/椭圆/魔棒选择,支持复制/剪切/粘贴
快捷键:完整的键盘快捷键支持
注意事项
纯前端应用,所有操作在浏览器本地完成,不会上传任何数据
推荐使用 Chrome 获得最佳体验
支持粘贴板导入(Ctrl+V 直接粘贴截图)
数据不自动保存,编辑完成后记得导出