多图拼图工具

21 种拼图模板,九宫格、三联屏、拍立得、照片墙、L 型、十字等一键生成。每张图片可在槽位内拖动和缩放,支持旋转槽位。免登录、纯前端、隐私安全。

📋

21 种拼图模板

九宫格、四宫格、六宫格、十二宫格、三联屏、二联屏、杂志风、拍立得、胶片风、海报风、阶梯风、相框风、双图错位、上下分割、不等比三联、L 型、十字、拼贴风、照片墙、竖向三联、自由拼图,满足各种拼图需求。

🎨

槽位内自由调整

每张图片可在槽位内拖动移动位置,四角控制柄等比缩放。cover 模式自动适配槽位,超出部分自动裁切。

📥

一键导出 PNG

拼图布局完成后,一键导出 PNG 图片。支持旋转槽位模板(拍立得、阶梯风、双图错位),导出效果与预览完全一致。

关于星之谣拼图工具

这是一款专注于"多图拼图"的免费在线工具。提供 21 种拼图模板,包括九宫格、四宫格、六宫格、十二宫格、三联屏、二联屏、杂志风、拍立得、胶片风、海报风、阶梯风、相框风、双图错位、上下分割、不等比三联、L 型、十字、拼贴风、照片墙、竖向三联和自由拼图模式。每张图片可在槽位内独立拖动和缩放,cover 模式自动适配槽位尺寸。支持旋转槽位模板(拍立得、阶梯风、双图错位、照片墙),让拼图更有层次感。基于 LeaferJS 渲染引擎,纯前端运行,免登录即用,图片不上传服务器,隐私安全。

21 种模板分类

  • 网格系:九宫格、四宫格、六宫格、十二宫格
  • 横屏系:三联屏、二联屏、不等比三联、胶片风
  • 竖屏系:竖向三联、上下分割
  • 杂志系:杂志风、海报风、相框风、拼贴风
  • 创意系:拍立得、阶梯风、双图错位、照片墙
  • 形状系:L 型、十字
  • 基础系:自由拼图

使用场景

  • 朋友圈九宫格:9 张照片拼成九宫格,朋友圈最经典玩法
  • 杂志风排版:多张照片拼成杂志风排版,提升质感
  • 拍立得效果:3 张照片错落叠加,复古拍立得风格
  • 三联屏壁纸:3 张照片横向并排,适合做壁纸
  • 情侣合照:双图错位叠加,情侣纪念日必备
  • 活动回顾:多张活动照片拼成一张,社交媒体分享
  • 产品展示:多角度产品图拼图,电商详情页必备

如何使用?

  1. 从 21 种模板中选择一个(首次进入会自动弹出模板选择面板)
  2. 点击空槽位上传图片(图片会以 cover 模式自动适配槽位)
  3. 点击有图片的槽位选中,拖动图片在槽位内移动位置
  4. 拖动四角控制柄等比缩放图片
  5. 自由拼图模式:点击"添加图片"上传多张图片,自由拖动摆放
  6. 点击"📥 导出 PNG"按钮,输出拼图图片

技术特色

  • 基于 LeaferJS 2.x 渲染引擎,多图层独立变换
  • evenodd 填充规则实现全局遮罩层(盖住槽位外的图片部分)
  • 旋转槽位支持:clipGroup 以槽位中心为原点,rotation 绕中心旋转
  • 旋转槽位 drag 修正:把画布坐标系位移旋转到槽位坐标系
  • 对角点缩放算法:支持旋转槽位的四角缩放
  • 原生 Canvas 导出,旋转槽位用 translate + rotate + clip + drawImage
  • 纯前端运行,零后端依赖,图片不上传服务器,隐私安全