多图拼图工具
21 种拼图模板,九宫格、三联屏、拍立得、照片墙、L 型、十字等一键生成。每张图片可在槽位内拖动和缩放,支持旋转槽位。免登录、纯前端、隐私安全。
📋
21 种拼图模板
九宫格、四宫格、六宫格、十二宫格、三联屏、二联屏、杂志风、拍立得、胶片风、海报风、阶梯风、相框风、双图错位、上下分割、不等比三联、L 型、十字、拼贴风、照片墙、竖向三联、自由拼图,满足各种拼图需求。
🎨
槽位内自由调整
每张图片可在槽位内拖动移动位置,四角控制柄等比缩放。cover 模式自动适配槽位,超出部分自动裁切。
📥
一键导出 PNG
拼图布局完成后,一键导出 PNG 图片。支持旋转槽位模板(拍立得、阶梯风、双图错位),导出效果与预览完全一致。
关于星之谣拼图工具
这是一款专注于"多图拼图"的免费在线工具。提供 21 种拼图模板,包括九宫格、四宫格、六宫格、十二宫格、三联屏、二联屏、杂志风、拍立得、胶片风、海报风、阶梯风、相框风、双图错位、上下分割、不等比三联、L 型、十字、拼贴风、照片墙、竖向三联和自由拼图模式。每张图片可在槽位内独立拖动和缩放,cover 模式自动适配槽位尺寸。支持旋转槽位模板(拍立得、阶梯风、双图错位、照片墙),让拼图更有层次感。基于 LeaferJS 渲染引擎,纯前端运行,免登录即用,图片不上传服务器,隐私安全。
21 种模板分类
- 网格系:九宫格、四宫格、六宫格、十二宫格
- 横屏系:三联屏、二联屏、不等比三联、胶片风
- 竖屏系:竖向三联、上下分割
- 杂志系:杂志风、海报风、相框风、拼贴风
- 创意系:拍立得、阶梯风、双图错位、照片墙
- 形状系:L 型、十字
- 基础系:自由拼图
使用场景
- 朋友圈九宫格:9 张照片拼成九宫格,朋友圈最经典玩法
- 杂志风排版:多张照片拼成杂志风排版,提升质感
- 拍立得效果:3 张照片错落叠加,复古拍立得风格
- 三联屏壁纸:3 张照片横向并排,适合做壁纸
- 情侣合照:双图错位叠加,情侣纪念日必备
- 活动回顾:多张活动照片拼成一张,社交媒体分享
- 产品展示:多角度产品图拼图,电商详情页必备
如何使用?
- 从 21 种模板中选择一个(首次进入会自动弹出模板选择面板)
- 点击空槽位上传图片(图片会以 cover 模式自动适配槽位)
- 点击有图片的槽位选中,拖动图片在槽位内移动位置
- 拖动四角控制柄等比缩放图片
- 自由拼图模式:点击"添加图片"上传多张图片,自由拖动摆放
- 点击"📥 导出 PNG"按钮,输出拼图图片
技术特色
- 基于 LeaferJS 2.x 渲染引擎,多图层独立变换
- evenodd 填充规则实现全局遮罩层(盖住槽位外的图片部分)
- 旋转槽位支持:clipGroup 以槽位中心为原点,rotation 绕中心旋转
- 旋转槽位 drag 修正:把画布坐标系位移旋转到槽位坐标系
- 对角点缩放算法:支持旋转槽位的四角缩放
- 原生 Canvas 导出,旋转槽位用 translate + rotate + clip + drawImage
- 纯前端运行,零后端依赖,图片不上传服务器,隐私安全