mangaga — 漫画拼图工具
把多张漫画图片拼成一张大图，发社交平台分享更方便。
- 平台: Web
- Repo: GitHub - Nigh/mangaga: A simple comic layout tool · GitHub
- 在线访问：Mangaga · 漫画拼贴
它能做什么？
mangaga 是一个纯浏览器端的漫画拼贴工具，核心功能：
- 网格拼贴 — 支持 1~4 列自定义网格，图片自动适配单元格大小
- 拖拽排序 — 长按拖动面板，支持交换位置和跨格移动
- 整格缩放 — 选中面板后可加宽/减宽/加高/减高，按整格为单位调整
- 精细样式 — 全图背景色、外边距、格间距、图片内边距、单格描边（颜色+不透明度），全部通过滑块实时调节
- 多格式导出 — 支持 PNG / JPEG / WebP，可调缩放倍率和质量，实时预估文件大小
- PWA 支持 — 可安装到桌面/主屏，离线可用
为什么做这个工具？
拼成一张图，发的人方便，看的人也方便。
发布端：多张图拼成一张，一次上传搞定，不用担心平台裁切或打乱顺序。
观众端：一张图下载保存分享都很省事。多张图的话还得一张一张保存、调整顺序，之后再翻也很麻烦。一张拼好的大图，保存就是完整的漫画页。
技术栈
| 层 | 技术 |
|---|---|
| 框架 | Astro 6（纯静态 SSG） |
| UI | Svelte 5 |
| 样式 | Tailwind CSS 4 + DaisyUI 5 |
| 渲染 | Canvas 2D |
| PWA | Workbox |
特点
- 纯前端 — 所有处理在浏览器内完成，图片不上传任何服务器
- 移动端友好 — 触摸手势支持，长按拖动，移动端悬浮滚动按钮
- 响应式 — 桌面和手机均可使用
- 中英双语 — 自动检测系统语言，也可手动切换
使用方式
在线访问：Mangaga · 漫画拼贴
打开即用，添加图片 → 调整网格和样式 → 导出。
如果你想本地运行：
git clone https://github.com/Nigh/mangaga.git
cd mangaga
npm install
npm run dev
项目开源，欢迎 Star ：GitHub - Nigh/mangaga: A simple comic layout tool · GitHub