图片拼接工具

图片拼接是将多张图片合并为一张更大图片的过程。最简单的形式是串联——将图片并排放置（水平）或堆叠（垂直），无重叠。这适用于从连续照片创建全景视图、将截图合并为单张长图用于文档、或创建前后对比图像。Canvas API 通过创建足够大的画布来容纳所有图像，然后在计算位置绘制每张图像来处理此操作。

对于水平拼接，画布宽度是所有图像宽度的总和（加间距），画布高度是最大图像高度。比最大高度短的图像可以顶部对齐、居中对齐或底部对齐。对于垂直拼接，画布高度是所有高度的总和，宽度是最大图像宽度。网格拼接将图像排列为行和列——画布尺寸由列数、每列的最大图像宽度和每行的最大图像高度决定。

专业全景拼接（如 Photoshop 的 Photomerge）使用特征匹配来查找照片之间的重叠区域并无缝混合。这需要复杂的算法（SIFT、SURF 或 ORB 特征检测），计算量大，在浏览器中不实用。我们的工具专注于串联式拼接，更简单但覆盖最常见的用例：连续截图、并排对比和照片拼贴画。

文档和教程通常需要将多张截图拼接成单张图像以展示分步过程。垂直拼接非常适合此用途——每张截图放在前一张下方，创建一张可滚动的长图。这比多张单独的图像更容易分享和查看。在图像之间添加间距有助于视觉上分隔步骤。

前后对比使用并排（水平）拼接来展示两个版本图像之间的差异。这在照片编辑教程、网页设计展示和产品对比中很常见。对于等宽对比，图像可以在拼接前调整为相同宽度。网格拼接用于照片拼贴画、样张和图片库——例如 3×3 网格的产品照片创建了一张比 9 张单独文件更容易分享的图像。