在浏览github过程中，发现一个超级实用的仓库，viliulsle开发的minipaint，类似于photoshop的网页版。基于webpack开发的，打包非常简单，故自己搭建了一套。

在线预览

在线ps网页版

源码地址

https://github.com/viliusle/miniPaint

功能介绍

• 文件：打开图像，目录，URL，数据URL，拖放，保存（PNG，JPG，BMP，WEBP，动画GIF，TIFF，JSON（图层数据），打印。
• 编辑：撤消、剪切、复制、粘贴、选择、从剪贴板粘贴。
• 图像：信息、EXIF、修剪、缩放、调整大小（Hermite重采样，默认调整大小）、旋转、翻转、颜色校正（亮度、对比度、色调、饱和度、亮度）、自动调整颜色、网格、直方图、负片。
• 图层：多层系统，差异，合并，展平，透明度支持。
• 效果：黑白，模糊（框，高斯，堆栈，缩放），凸起/收缩，去噪，去饱和，抖动，点屏，边缘，浮雕，浓缩，伽马，颗粒，灰度，热图，JPG压缩，马赛克，油，Sepia，Sharpen，Solarize，倾斜移位，Vignette，活力，复古，蓝图，夜视，铅笔，还有Instagram滤镜：1977，Aden，Clarendon，Gingham，Inkwell，Lo-fi，Toaster，Valencia，X-Pro II。
• 工具：铅笔、画笔、魔杖、擦除、填充、颜色选择器、字母、裁剪、模糊、锐化、去饱和、克隆、边框、精灵、关键点、颜色缩放、替换颜色、恢复alpha、内容填充。
• 帮助：键盘快捷键，翻译。