多图拼图工具
发朋友圈想一次晒九张图?选九宫格模板拖图即成;小红书首图用杂志风、拍立得模板。每格可拖动缩放、2x 高清导出,免登录直接用。
📋
20 种拼图模板
九宫格、四宫格、六宫格、十二宫格、三联屏、杂志风、拍立得、便当格、主图便当、错落便当、胶片风、海报风、阶梯风、相框风、不等比三联、L 型、十字、拼贴风、照片墙、自由拼图,满足各种拼图需求。
🎨
槽位内自由调整
每张图片可在槽位内拖动移动位置,四角控制柄等比缩放。拍立得可编辑底部白边文字与颜色,cover 模式自动适配槽位。
📥
一键导出 PNG
拼图布局完成后,一键导出 PNG 图片。支持旋转槽位模板(拍立得、阶梯风、照片墙),导出可选 6 种氛围滤镜,效果与预览一致。
关于星之谣拼图工具
这是一款专注于"多图拼图"的免费在线工具。提供 20 种拼图模板,包括九宫格、四宫格、六宫格、十二宫格、三联屏、杂志风、拍立得、便当格、主图便当、错落便当、胶片风、海报风、阶梯风、相框风、不等比三联、L 型、十字、拼贴风、照片墙和自由拼图模式。每张图片可在槽位内独立拖动和缩放,cover 模式自动适配槽位尺寸。拍立得模式支持底部白边文字编辑(日期戳/符号/自定义文字,可选颜色),导出时可选复古、黑白、暖色等氛围滤镜。支持旋转槽位模板(拍立得、阶梯风、照片墙),让拼图更有层次感。基于 LeaferJS 渲染引擎,纯前端运行,免登录即用,图片不上传服务器,隐私安全。
20 种模板分类
- 网格系:九宫格、四宫格、六宫格、十二宫格
- 横屏系:三联屏、不等比三联、胶片风
- 便当系:便当格、主图便当、错落便当
- 杂志系:杂志风、海报风、相框风、拼贴风
- 创意系:拍立得、阶梯风、照片墙
- 形状系:L 型、十字
- 基础系:自由拼图
使用场景
- 朋友圈九宫格:9 张照片拼成九宫格,朋友圈最经典玩法
- 杂志风排版:多张照片拼成杂志风排版,提升质感
- 拍立得效果:3 张照片错落叠加,复古拍立得风格,底部可加日期戳
- 三联屏壁纸:3 张照片横向并排,适合做壁纸
- 便当格排版:大小格搭配拼贴,社交媒体分享更出彩
- 活动回顾:多张活动照片拼成一张,社交媒体分享
- 产品展示:多角度产品图拼图,电商详情页必备
如何使用?
- 从 20 种模板中选择一个(首次进入会自动弹出模板选择面板)
- 点击空槽位上传图片(图片会以 cover 模式自动适配槽位)
- 点击有图片的槽位选中,拖动图片在槽位内移动位置
- 拖动四角控制柄等比缩放图片
- 拍立得模式:点击底部白边编辑文字,可选颜色与日期戳预设
- 自由拼图模式:点击"添加图片"上传多张图片,自由拖动摆放,选中后可置顶/上移/下移/置底调整层级
- 快捷键:Delete 删除选中 / Esc 取消选中 / Ctrl+Z 撤销 / Ctrl+Y 重做(支持填充/删除/拖动/缩放/旋转回退)
- 导出时可选"2x 高清"、"紧凑导出"和氛围滤镜,点击"📥 导出 PNG"按钮输出拼图图片
技术特色
- 基于 LeaferJS 2.x 渲染引擎,多图层独立变换
- @leafer-ui/mask 独立裁切:每个槽位用 mask:'path' 实现独立裁切蒙版,替代全局 evenodd 遮罩方案
- 圆角裁切:maskRect 支持自定义 cornerRadius,图片边缘柔和过渡
- 旋转槽位支持:clipGroup 以槽位中心为原点,rotation 绕中心旋转
- 旋转槽位 drag 修正:把画布坐标系位移旋转到槽位坐标系
- 对角点缩放算法:支持旋转槽位的四角缩放
- 原生 Canvas 导出,旋转槽位用 translate + rotate + clip + drawImage
- 纯前端运行,零后端依赖,图片不上传服务器,隐私安全