游戏面板拉伸时，边角装饰往往需要保持原尺寸，中间区域再吸收宽高变化。把图片切成三列三行，可以分别处理角、边和中心，避免把圆角和边框一起等比拉大。
下面使用一组独立练习数据，说明输入、规则、处理顺序和输出之间的关系。建议先遮住结果自己推演，再逐步对照；如果出现差异，应先定位第一处不同，并检查边界条件，不要只把最后的答案改成一样。
规则和数据
本例明确给出原图宽高及左右上下边距，目标宽高均大于对应边距之和。四角宽高保持，横边只横向拉伸，竖边只纵向拉伸，中心两轴拉伸；没有平铺、裁切或小于边框尺寸时的特殊规则。
原图41×31，左/右/上/下边距[10, 11, 10, 6] [[40, 39], [54, 81], [75, 74], [49, 37], [52, 32], [37, 58], [94, 79]]
逐步推演
目标40×39：三列宽[10, 19, 11]、三行高[10, 23, 6]，中心横纵比例19/20、23/15；九块面积按行[[100, 190, 110], [230, 437, 253], [60, 114, 66]]，总面积1560。
目标54×81：三列宽[10, 33, 11]、三行高[10, 65, 6]，中心横纵比例33/20、13/3；九块面积按行[[100, 330, 110], [650, 2145, 715], [60, 198, 66]]，总面积4374。
目标75×74：三列宽[10, 54, 11]、三行高[10, 58, 6]，中心横纵比例27/10、58/15；九块面积按行[[100, 540, 110], [580, 3132, 638], [60, 324, 66]]，总面积5550。
目标49×37：三列宽[10, 28, 11]、三行高[10, 21, 6]，中心横纵比例7/5、7/5；九块面积按行[[100, 280, 110], [210, 588, 231], [60, 168, 66]]，总面积1813。
目标52×32：三列宽[10, 31, 11]、三行高[10, 16, 6]，中心横纵比例31/20、16/15；九块面积按行[[100, 310, 110], [160, 496, 176], [60, 186, 66]]，总面积1664。
目标37×58：三列宽[10, 16, 11]、三行高[10, 42, 6]，中心横纵比例4/5、14/5；九块面积按行[[100, 160, 110], [420, 672, 462], [60, 96, 66]]，总面积2146。
目标94×79：三列宽[10, 73, 11]、三行高[10, 63, 6]，中心横纵比例73/20、21/5；九块面积按行[[100, 730, 110], [630, 4599, 693], [60, 438, 66]]，总面积7426。
全部目标都保留四个角的原宽高，中央区域承担剩余尺寸。
如何复核与应用
把目标的横纵分界坐标分别写成四个递增值，相邻差就是三列和三行尺寸。九块面积相加必须正好等于目标面积，并且角块尺寸与原图相同；两项检查可发现漏缝和重叠。
横向和纵向的中心缩放比例可以不同，这正是拉伸面板与整张图片等比缩放的区别。若中心图案也必须保持比例，可以采用平铺或额外内容层，但那是另一种布局策略，不能混入本次面积核对。
这是一套明确限定的教学模型，实际作品可能采用其他约定。记录实验时，保留原始输入、每步状态以及规则版本；调整一个条件后重新演算，并检查起点、终点、重复输入和刚好位于边界的情况，才能知道差异来自设计还是计算。