反馈

图片自由拼接

我要提建议

把多张图随意摆在画布上自己排版：单张缩放、旋转、拖动、调层级，允许互相覆盖，画布尺寸自己定，所见即所得后一次导出。

相关工具

这个工具是做什么的

与自动排版的「图片拼接」不同，这里是**手工排版**：画布宽高由你定（也可一键套 1:1 / 4:3 / 9:16 等比例，或用第 1 张图的尺寸），每张图都能**单独缩放、旋转、拖动、调整图层顺序**，并且**允许互相重叠**。加进来的图片先按「完整放入画布」的尺寸居中，之后你可以：拖图片移动、拖四角手柄缩放（被拖的角跟手、对角固定，锁定比例时不变形）、拖顶部圆点旋转（靠近 90° 会自动吸附）、上移 / 下移 / 置顶 / 置底调层级。桌面端用鼠标，手机与 iPad 上单指拖动、双指捏合可以同时缩放和旋转。选中后还能用方向键微调 1px（按住 Shift 10px）、Delete 删除、Esc 取消选中；右侧是**所见即所得**的预览（与导出共用同一段绘制代码，画布大于 1000px 时预览等比缩小示意）。所有几何计算都是纯函数（旋转后的外接框、命中判定、层级排序、画布上限校验），可脱离浏览器断言。全部在本机用本地引擎完成，图片数据不出设备。

使用方法

  1. 一次多选图片加入画布；新图会按「完整放入画布」的尺寸居中摆放。
  2. 按需要设画布尺寸：直接填宽高，或点 1:1 / 4:3 / 9:16 等比例、点「按第 1 张图」用原图尺寸。
  3. 在画布上拖动图片调整位置；拖四角缩放、拖顶部圆点旋转；按住 Ctrl / ⌘ 滚轮也能缩放选中图片。
  4. 在左侧列表里用「置顶 / 上移 / 下移 / 置底」调整图层顺序（第 1 项在最底层，靠后的图盖住前面的）。
  5. 要透明底就勾选「透明底」；把画布外的图片用「收进画布」一次拉回来。
  6. 选导出格式（PNG / JPG / WebP）后点「生成并导出」，文件会直接存到本地。

常见问题

和「图片拼接」有什么区别？
「图片拼接」是自动排版：选网格 / 纵向长图 / 横向，工具帮你算位置，图片之间不重叠。这里是全手动：想摆哪就摆哪、想叠多深就叠多深，代价是要自己拖。做曝光合成、贴纸合影、商品图叠放这类需求用这个。
为什么旋转后再缩放，图片没有变形？
缩放是在图片自己的坐标系里算的（按住旋转反向换算），拖角手柄时「对角固定」，所以旋转 30° 之后拖角依然是沿着图片自己的长宽方向缩放。勾选了「缩放时锁定原图比例」还会保持原图宽高比，不会拉伸。
图片被压在下层，点不到怎么办？
在左侧列表里点那一行就能选中它（列表顺序即层级，第 1 项在最底层），选中后再拖动或点「置顶」把它提到最上面。
画布能设多大？
受浏览器单张画布限制：单边不超过 8192 像素、总像素不超过 1600 万（iOS / Safari 超限会静默变白图）。超限时工具会直接拦住并告诉你调小，而不是给你一张白图。常规的 1200×1200、1920×1080 都远在上限内。
会上传图片吗？
不会。解码、绘制、编码全部在本机用本地引擎完成，数据不出设备。