拼图怪 — 在线图片拼图工具

拼图怪

在线图片拼图工具，纯前端，零依赖。单 HTML 文件就能跑。

在线地址： collage-maker2.pages.dev

功能

• 多种布局模板（经典网格、左+堆叠、右+堆叠等）
• 拖拽调换图片位置
• 编辑照片（旋转、翻转、裁切、缩放）
• 调整间距、圆角、背景色
• 画幅比例选择
• 导出 PNG / JPG
• PWA 支持，可离线使用

技术

• 纯 HTML + CSS + JavaScript，单文件架构
• 零第三方依赖
• Cloudflare Pages 部署

历程

从别人的开源项目 fork 过来，逐步改造：

1. 中文汉化
2. UI 字体/颜色全面改版（从灰色文字到纯白显示）
3. 撤销/重做按钮可见性修复（揭示了 JS opacity 覆盖 CSS 的陷阱）
4. 画布拖拽调换功能（解决了 HTML5 Drag & Drop 的 effectAllowed/dropEffect 兼容问题）
5. Tooltip 提示系统
6. 导出目录记忆

这是一个持续迭代的项目。