自由拼图
计算多图自由拼图的尺寸、位置、旋转和 SVG 占位预览，不处理像素。
浏览器本地运行所有计算都在你的浏览器里完成，数据不会离开本机。
图片尺寸
拼图
布局几何与 SVG 预览
输入尺寸后即可看到结果
这个工具能做什么
- 规划拼图
- 检查越界
示例
输入
100 100
输出
画布 1200 × 1200 · 布局 grid · 间距 16px · 每行 1 张
图片 1 张 · 文字 0 条 · 覆盖率 94.74%
所有图片都在画布内。
1. 100×100 @缩放11.68 中心(600, 600) 尺寸 1168×1168 旋转 0°
排版规则：缩略图按 contain 等比贴合单元格再乘缩放，旋转后按外接矩形判断是否越界；同一输入与种子结果固定。
预览 SVG：
<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200" role="img">
<rect x="0" y="0" width="1200" height="1200" fill="#F3F4F6" />
<g transform="rotate(0 600 600)">
<rect x="16" y="16" width="1168" height="1168" fill="#ffffff" fill-opacity="0.65" stroke="#9ca3af" stroke-width="2" />
<text x="600" y="606" font-size="20" fill="#374151" text-anchor="middle">1</text>
</g>
</svg>输入每行图像宽高。
常见问题
会读取图片吗？
不会，只使用尺寸元数据。
支持旋转吗？
支持并计算外接矩形。
输出什么？
输出几何数据和 SVG 占位预览。
关键词：拼图collage布局旋转SVG