目前还是默认的 README,还没来得及修改.jpg
一个使用 React、Rsbuild、Konva 和 Animal Island UI 构建的纯前端图片贴纸编辑器。
pnpm install
pnpm dev生产构建:
pnpm typecheck
pnpm build更新裁切字体:
pnpm font:subset脚本默认读取 C:/Users/colan/Downloads/乐米沐和圆体.ttf(WSL 下会自动使用对应的 /mnt/c/... 路径),扫描 src 与 index.html 中的界面字符,并通过 Node.js 与 HarfBuzz WebAssembly 更新 WOFF2、WOFF 和 TTF 三种字体文件。原始字体位于其他位置时可运行:
pnpm font:subset --source /path/to/font.ttf- 上传或拖放 PNG、JPG、WebP、SVG 图片
- 添加系统预置的 PNG、SVG 与 GIF 贴纸,并支持上传自定义贴纸
- 拖动、等比缩放、旋转、复制和删除贴纸
- 单独调整每张贴纸的饱和度、明度和白平衡
- 撤销、重做、清空确认,以及 PNG、循环 GIF 和高画质 MP4 导出
- PC 与移动端响应式布局
- 本地处理图片,不上传到服务器
页面字体使用用户提供的“乐米沐和圆体”。src/assets/fonts/le-mi-mu-he-yuan-subset.* 仅保留当前界面文案、数字、拉丁字符和常用符号,并按 WOFF2、WOFF、TTF 的顺序降级加载。新增界面文案后运行 pnpm font:subset 即可同步更新字体子集;未收录字符会回退到系统字体。先前的字体子集仍保留在源码中,方便随时切回,但不会进入当前生产构建。
Animal Island UI 使用 CC BY-NC 4.0,仅允许非商业用途。本项目已在页面中保留归属与许可信息。