图片拼接
Canvas API多图垂直水平网格拼接
拖拽文件到此处，或点击选择文件
支持 JPG, PNG, WebP, AVIF, BMP 等常见格式使用方法
- 点击上方区域选择文件，或直接拖拽文件到页面
- 在设置区域调整参数
- 点击处理按钮，等待完成后下载结果
常见问题
没有限制，但图片越多输出文件越大。
支持垂直堆叠、水平排列和网格布局。
图片会调整为与第一张图片匹配或指定的尺寸。
工作原理
图片拼接工具基于 Canvas API 的多图合成技术，将多张图片按指定布局拼接为一张完整的大图。
垂直堆叠模式：将所有图片按顺序从上到下排列，每张图片的宽度统一缩放到目标宽度（或第一张图片的宽度），高度按原始宽高比等比缩放。Canvas 的总高度为所有图片缩放后高度之和。
水平排列模式：将图片从左到右排列，高度统一，宽度按比例缩放。Canvas 的总宽度为所有图片缩放后宽度之和。
网格布局模式：将图片按行列网格排列，支持自定义列数。每张图片缩放到网格单元格大小。所有拼接操作通过 Canvas 的 drawImage() 方法逐一绘制完成。
使用技巧
- 垂直堆叠适合制作长图内容（如信息图、教程步骤图）
- 水平排列适合制作对比图（如处理前后对比、多角度展示）
- 网格布局适合制作产品展示墙或图片合集预览
- 不同尺寸的图片会自动缩放以适配布局，但比例差异过大会影响美观
- 图片数量较多时建议使用网格布局，避免输出图片过长或过宽
- 拼接前确保所有图片的内容方向一致，避免拼接后出现方向混乱
适用场景
产品展示图：将同一产品的多角度照片拼接为一张综合展示图，用于电商详情页。
教程步骤图：将多个操作步骤的截图垂直拼接为一张长图，便于在社交媒体上分享教程。
前后对比：将处理前后的两张图片水平拼接，直观展示效果差异。
旅行回忆：将旅行照片按时间顺序拼接为一张长图，记录完整的旅程故事。