图片拼接
📤 上传图片
点击或拖拽上传图片
支持多选，JPG、PNG、WebP、GIF 等格式；也可直接 Ctrl+V 粘贴图片
🎯 单图微调
{{ Math.round(curAdjust.scale * 100) }}%
{{ curAdjust.rotate }}°
{{ curAdjust.offsetX }}
{{ curAdjust.offsetY }}
⚙️ 拼接设置
{{ t.name }}
{{ t.hint }}
{{ cellWidth }}
每张图在导出图中的像素尺寸，决定清晰度
{{ diagonalOverlap }}%
{{ gap }}
{{ imageRadius }}%
{{ imgBorder }}
{{ imgBorderColor }}
{{ padding }}
{{ borderColor }}
{{ radius }}%
{{ transparent ? '透明' : bgColor }}
{{ outputFormat === 'png' ? '100%' : quality + '%' }}
🖼️ 拼接预览
输出尺寸：宽 {{ exportSize.w }} × 高 {{ exportSize.h }} px
正在读取图片，请稍候…
{{ i + 1 }}
![]()
🖐️ 拖动图片可调整顺序
{{ Math.round(currentScale * 100) }}%
{{ idx + 1 }}
💡 功能说明
在线图片拼接工具：提供拼长横图、拼长竖图、左右/上下对半、三列/三行等分、对角斜拼、拱形排列、左大右小/上大下小、2×2/3×3/4×4宫格、圆形环绕、中心大图等多种拼图模板，可上传最多 30 张图片自由排序，精细调节单元尺寸、间距、画布边框（颜色/圆角）、图片边框（颜色/圆角）、背景与透明，并实时预览；支持导出 PNG（透明）、JPEG、WebP，所有处理均在浏览器本地通过 Canvas 完成，图片不会上传服务器。
- 多种模板：拼长图、对半、等分、对角斜拼、拱形排列、宫格、圆形环绕、中心大图等，按需选择。
- 填充方式：裁剪填满 / 完整留白 / 完整显示 / 拉伸变形；选中任一种即应用到全部图片。其中「完整显示」会让格子按图片自身比例变化（拼长竖图、左右对半、三列等分默认即为完整显示）。
- 精细调整：单元尺寸（默认 600px，并按上传图片大小自动适配）、图片间距、画布边框（宽度/颜色/圆角）、图片边框（宽度/颜色/圆角）、背景色与透明背景。
- 单图微调：选中任意图片可单独设置缩放、旋转、偏移、裁剪区域与填充方式，与全局设置互不干扰。
- 自由排序：在图片列表或拼接预览中拖拽图片即可调整顺序，序号实时更新。
- 上传限制：单次最多上传 30 张，超过模板参与数量时自动只取前 N 张拼接（不弹提示）。
- 多重格式导出：支持 PNG 无损、JPEG、WebP，JPEG / WebP 可调节质量，一键下载或复制。
- 实时预览：参数调整即时刷新，上传后默认按窗口自适应显示。
- 本地处理：所有拼接均在浏览器本地完成，图片不会上传服务器。
⚠️ 注意事项
- 填充方式默认「裁剪填满」会裁掉图片多余部分以填满格子；如需完整展示原图比例，可选「完整留白」或「完整显示」。
- 「完整显示」下，拼长竖图/长横图等模板的格子会按图片真实比例变高或变宽，版面整体尺寸随之变化；不规则模板（对角斜拼、圆形环绕等）则退化为居中留白。
- 画布边框圆角仅作用于整张画布外缘，不改变内部图片；图片圆角作用于每张图片自身，两者互相独立。
- 透明背景仅在导出 PNG / WebP 时生效；JPEG 不支持透明，会自动填充白色背景。
- 上传总量上限 30 张；各模板有其参与拼接的数量上限，超出部分仅在列表中保留、不进入成品。
- 图片越多、尺寸越大，拼接预览与导出的耗时越长；导出的文件名格式为 wgongju_com_图片拼接_时间戳。