游戏面板拉伸时，边角装饰往往需要保持原尺寸，中间区域再吸收宽高变化。把图片切成三列三行，可以分别处理角、边和中心，避免把圆角和边框一起等比拉大。

下面使用一组独立练习数据，说明输入、规则、处理顺序和输出之间的关系。建议先遮住结果自己推演，再逐步对照；如果出现差异，应先定位第一处不同，并检查边界条件，不要只把最后的答案改成一样。

规则和数据

本例明确给出原图宽高及左右上下边距，目标宽高均大于对应边距之和。四角宽高保持，横边只横向拉伸，竖边只纵向拉伸，中心两轴拉伸；没有平铺、裁切或小于边框尺寸时的特殊规则。

原图34×26，左/右/上/下边距[4, 11, 3, 6] [[70, 63], [75, 47], [23, 16], [38, 44], [57, 18], [41, 74], [36, 35]]

逐步推演

目标70×63：三列宽[4, 55, 11]、三行高[3, 54, 6]，中心横纵比例55/19、54/17；九块面积按行[[12, 165, 33], [216, 2970, 594], [24, 330, 66]]，总面积4410。

目标75×47：三列宽[4, 60, 11]、三行高[3, 38, 6]，中心横纵比例60/19、38/17；九块面积按行[[12, 180, 33], [152, 2280, 418], [24, 360, 66]]，总面积3525。

目标23×16：三列宽[4, 8, 11]、三行高[3, 7, 6]，中心横纵比例8/19、7/17；九块面积按行[[12, 24, 33], [28, 56, 77], [24, 48, 66]]，总面积368。

目标38×44：三列宽[4, 23, 11]、三行高[3, 35, 6]，中心横纵比例23/19、35/17；九块面积按行[[12, 69, 33], [140, 805, 385], [24, 138, 66]]，总面积1672。

目标57×18：三列宽[4, 42, 11]、三行高[3, 9, 6]，中心横纵比例42/19、9/17；九块面积按行[[12, 126, 33], [36, 378, 99], [24, 252, 66]]，总面积1026。

目标41×74：三列宽[4, 26, 11]、三行高[3, 65, 6]，中心横纵比例26/19、65/17；九块面积按行[[12, 78, 33], [260, 1690, 715], [24, 156, 66]]，总面积3034。

目标36×35：三列宽[4, 21, 11]、三行高[3, 26, 6]，中心横纵比例21/19、26/17；九块面积按行[[12, 63, 33], [104, 546, 286], [24, 126, 66]]，总面积1260。

全部目标都保留四个角的原宽高，中央区域承担剩余尺寸。

如何复核与应用

把目标的横纵分界坐标分别写成四个递增值，相邻差就是三列和三行尺寸。九块面积相加必须正好等于目标面积，并且角块尺寸与原图相同；两项检查可发现漏缝和重叠。

横向和纵向的中心缩放比例可以不同，这正是拉伸面板与整张图片等比缩放的区别。若中心图案也必须保持比例，可以采用平铺或额外内容层，但那是另一种布局策略，不能混入本次面积核对。

这是一套明确限定的教学模型，实际作品可能采用其他约定。记录实验时，保留原始输入、每步状态以及规则版本；调整一个条件后重新演算，并检查起点、终点、重复输入和刚好位于边界的情况，才能知道差异来自设计还是计算。