🧱 多图拼接成长图

把多张图拼成 纵向长图(朋友圈、详情)、横向长图(剧情)、2 / 3 / 4 列网格(避免 9 宫格压缩)。可调 间距 / 底色 / 圆角 / 统一宽度,纯前端 canvas 渲染,所见即所得。

输入与参数未添加图片
支持 JPG / PNG / WebP,可拖拽
排版模式
自定义列数:
图片列表(可调顺序)
未添加图片
预览
实现:HTML <canvas> 2D context + createImageBitmap 解码每张图 → 按所选模式与参数计算布局(统一宽度按 Math.min 取 max 宽等比缩放)→ 画底色 → 逐图 drawImagetoBlob('image/png') 导出。整图大小自适应缩放,文件不上传。