公司动态

把图片透明边缘裁去会改变局部坐标原点。如果仍沿用原来的锚点坐标，图像就可能在屏幕上偏移。正确处理需要同时调整裁剪起点与锚点。

先固定规则与数据

源图中非透明像素坐标已给定，裁剪框取它们的最小包围矩形，右下边界不包含。新锚点等于原锚点减去裁剪左上坐标；绘制时仍让锚点对齐同一个世界位置。

六张独立小图；像素坐标为整数，除列出的像素外均透明。

逐项记录过程

图片1尺寸[10, 17]，原锚点[4, 16]，世界锚位[73, 67]，非透明像素[(0, 1), (2, 4), (4, 7), (5, 3), (8, 1), (9, 9)]。裁剪框[0, 1, 10, 10]，新锚点[4, 15]，新绘制原点[69, 52]，像素世界位置[[69, 52], [71, 55], [73, 58], [74, 54], [77, 52], [78, 60]]。

图片2尺寸[10, 17]，没有非透明像素，跳过绘制，不创建虚假的一像素裁剪框。

图片3尺寸[17, 9]，原锚点[11, 12]，世界锚位[20, -15]，非透明像素[(3, 5), (11, 4), (12, 6)]。裁剪框[3, 4, 13, 7]，新锚点[8, 8]，新绘制原点[12, -23]，像素世界位置[[12, -22], [20, -23], [21, -21]]。

图片4尺寸[18, 11]，原锚点[7, 5]，世界锚位[88, 22]，非透明像素[(0, 1), (2, 5), (2, 8), (10, 9), (11, 4), (11, 9)]。裁剪框[0, 1, 12, 10]，新锚点[7, 4]，新绘制原点[81, 18]，像素世界位置[[81, 18], [83, 22], [83, 25], [91, 26], [92, 21], [92, 26]]。

图片5尺寸[9, 11]，原锚点[5, 11]，世界锚位[99, 26]，非透明像素[(1, 3), (2, 7), (3, 4), (5, 1), (5, 7), (6, 3), (7, 5)]。裁剪框[1, 1, 8, 8]，新锚点[4, 10]，新绘制原点[95, 16]，像素世界位置[[95, 18], [96, 22], [97, 19], [99, 16], [99, 22], [100, 18], [101, 20]]。

图片6尺寸[9, 19]，原锚点[-2, 16]，世界锚位[53, 25]，非透明像素[(0, 0), (1, 17), (2, 12), (3, 4), (5, 5), (6, 5)]。裁剪框[0, 0, 7, 18]，新锚点[-2, 16]，新绘制原点[55, 9]，像素世界位置[[55, 9], [56, 26], [57, 21], [58, 13], [60, 14], [61, 14]]。

裁掉左侧和上侧空白时，新锚点可能变成负数，这仍可正确表示图像与世界锚位的关系。检查最终像素位置比只看锚点是否落在图片里更可靠。

独立复核的方法

逐个检查原图像素与裁剪后像素的世界坐标相同。锚点可以在裁剪框外，不应为了让数值看起来漂亮就强行限制进框内。若没有任何非透明像素，本例跳过绘制。

建议先按原始数据自己算一遍，保留中间状态后再与本例对照。发生分歧时，先寻找最早不同的步骤，检查边界是否包含、编号与坐标方向是否一致，以及状态是在事件之前还是之后更新。最终结果相同并不能替代对过程规则的理解，修改输入后也需要重新核算。

使用范围

这里不考虑旋转、缩放和纹理过滤，只追踪平移与像素坐标。真实素材还可能保留碰撞框、九宫格边距或其他元数据，裁剪这些素材时需要分别维护它们的坐标关系。