图片叠加工具

把一张图片放在另一张图片上，能解决很多日常需求：给商品照片加 Logo 或角标，给表情包贴贴纸，在照片上叠加纹理或漏光效果，加相框或“已售出”印章。选择一张（或多张）底图和一张叠加图，用九个锚点位置加上微调偏移来摆放，按底图比例缩放，设置不透明度和旋转，并选择混合模式——正片叠底会让叠加图的白色区域消失，滤色则让黑色区域消失。一切都在您的浏览器中运行。

使用方法

1. 选择一张或多张底图，以及叠加图片。
2. 选择位置，并用偏移量微调。
3. 按底图宽度的百分比设置叠加图的宽度。
4. 调整不透明度、旋转和混合模式。
5. 逐张下载结果，或打包为一个 ZIP 全部下载。

计算公式

叠加图宽度 = 底图宽度 × 大小 %；中心 x = 锚点 × (W − w) + w ÷ 2 + 偏移 × W

锚点取值：左为 0、居中为 0.5、右为 1（垂直方向同理），所以左上角的叠加图贴着左上角，居中的叠加图位于正中。高度保持叠加图的比例。混合模式遵循 W3C 合成与混合的定义：正片叠底 = 底图 × 叠加图，滤色 = 1 − (1 − 底图)(1 − 叠加图)，依此类推。

示例

在 1200 × 800 的照片上放一个 600 × 200 的 Logo，设为 宽度 25%、右下、−2% / −2%：Logo 变为 300 × 100 px，其左上角落在 x = 1200 − 300 − 24 = 876，y = 800 − 100 − 16 = 684，与角落留有一小段距离。