Webpean
WebCompositor 的 Pro 分支,同一颗 Rust/wasm 内核
Webpean 把 WebCompositor 的工具列从十五件扩到四十九件:魔棒、快速选择与对象选择,套索三件(含磁性套索),裁剪与透视裁剪,污点修复、修复画笔、修补、内容感知移动与魔术替换,仿制图章与模糊、锐化、涂抹、减淡、加深、海绵,背景与魔术橡皮擦,三把钢笔加路径选择,参数与自定形状两族,标尺、颜色取样器与旋转视图。图层面板是一棵树:有组、有穿透混合、有蒙版,快捷键与桌面端编辑器同键位。蒙版之外还有剪贴蒙版、调整图层与 Levels / Curves;Photoshop 的 PSD 能打开也能存回(8-bit RGB 子集)。这一页本身就是编辑器的门:选一张图,或粘一张截图,直接进画布。
入口
两扇门,文件不经过服务器
落地页与编辑器是同一个源上的两个 bundle,没有构建期联系,文件在同源的 IndexedDB 里碰头:这一页写下一条记录,地址栏带上钥匙跳过去,编辑器启动时读走并把记录删掉,再刷新不会重开同一份文件。一张截图编码后几十 MB,所以不用 sessionStorage,也从头到尾不上传。
打开图像或 PSD
点按钮选一个本地文件:图像成为文档,文件名就是文档名、像素尺寸就是画布尺寸;PSD 按它自带的图层栈打开(8-bit RGB 子集),图层、蒙版与混合模式一并读进来。与在编辑器里 File → 打开 同一条路。
Ctrl+V 粘贴
在这一页任意位置粘贴剪贴板里的图或 PSD,走同一条手递。已经在编辑时粘贴图像是插入一个新图层,粘贴 PSD 则开成新文档,与桌面端编辑器的口径一致。
空白画布
不带货也能进:旁边的链接直接开编辑器,默认画布照旧,进去再画、再粘、再拖文件进窗口都可以。
工具
四十九件工具,按工具列顺序
编号即工具列从上到下的顺序。单键快捷键与桌面端编辑器同键位:V 移动、M 选框、L 套索、W 魔棒、C 裁剪(Shift+C 换到透视裁剪)、J 污点修复、B 画笔、E 橡皮、S 仿制图章、O 减淡、G 油漆桶、P 钢笔、A 路径选择、U 形状、T 文字、I 吸管、H 抓手、R 旋转视图、Z 缩放;模糊、锐化、涂抹三件没有单键,桌面端亦然;编组与取消编组是 Ctrl+G / Ctrl+Shift+G,自由变换是 Ctrl+T。
能力
六个工具族
族是把同一类手感的工具放在一起的说法,不是界面里的分组;编号范围与上面工具列的顺序一致。每一族今天都能用,beta 指的是 PSD 读写与 Levels/Curves 还在路上。
选区 01–09
矩形与椭圆选框、套索三件(多边形按点、磁性吸边)、魔棒、快速选择与对象选择。蚂蚁线画的是内核算出的真实轮廓,不是近似框;选区可以加、减、交叉,也能羽化与反选。
修复 10–17
裁剪领头,透视裁剪把拖出的四边形拉正成画布,斜着拍的文档一次摆平,所有图层与蒙版一起被拉正。污点修复画笔、修复画笔、修补、内容感知移动、魔术替换与红眼:从周围像素取样补进目标区域,边界做混合,补过的地方不留硬边。仿制图章在笔刷族,手感同源。
笔刷、橡皮与填充 18–32
画笔、铅笔、颜色替换画笔,仿制图章,模糊、锐化、涂抹、减淡、加深、海绵六件无单键工具,以及橡皮擦、背景橡皮擦、魔术橡皮擦。尺寸、硬度、不透明度、流量四个参数实时生效。油漆桶与渐变也归这一族:有选区时两件都只落在选区内。
钢笔与路径 33–37
钢笔、自由钢笔、曲率钢笔落贝塞尔路径,路径选择与直接选择改锚点和手柄;路径面板里路径可以反复载回选区、描边或填充,不是一次性笔画。
形状 38–43
矩形、椭圆、直线三件基础形状,参数形状给圆角半径、多边形边数与星形内径,自定形状带十二件预设;拖出的框就是形状的外接框,选项栏在顶栏随选随改。
视图与测量 44–49
文字与吸管之外,颜色取样器在状态栏读多点色值,标尺量距离与角度,抓手平移、旋转视图转画布不转像素、缩放看细节;状态栏实时给尺寸与缩放比。
量得到的四件事
工具列里的工具,stable 是十五件
图层混合模式,含穿透
八条菜单里的命令
右侧面板:图层 · 路径 · 历史
图层
图层面板是一棵树
图层、组与蒙版在同一棵树里:组可以折叠、可以穿透混合,蒙版挂在图层节点上,蚂蚁线跟着蒙版的真实轮廓走。历史面板记下每一步,回退不丢选区。
组与穿透
图层可以编组、嵌套与折叠;组的混合模式支持穿透,子图层的混合先发生在组内,与桌面端编辑器的语义一致。
蒙版
图层蒙版以灰度控制显隐,画笔与渐变都能画在蒙版上;选区转蒙版、蒙版转选区都是菜单里的一条命令。剪贴蒙版也在这一族里:Ctrl+Alt+G 让一层按下面那层的形状显示,面板行的左槽印一枚向下的箭头。
混合与不透明度
二十七种混合模式逐层合成在 wasm 内核里,不透明度与显隐实时生效;面板与画布读同一份内核状态,不存在第二份事实。
路上
beta 里还没有的三件
这三件排在路线图后面的阶段,在功能矩阵里各占一行;图层蒙版、剪贴蒙版、调整图层与 Levels / Curves 已经在 beta 里,PSD 也能原样打开与存回(8-bit RGB 子集)。工程文件是 Webpean 自己的 JSON,导出目前是 PNG 与 JPEG。