8x8 网格正方形块状编码过程动画（按尺寸着色）
💡 核心逻辑：按栅格扫描 → 生成最大正方形块 → 逐个保留显示 | 蓝色：当前块，彩色：已编码块（按尺寸区分），红色：扫描点
1x1 块（橙色）
2x2 块（绿色）
3x3 块（紫色）
4x4 块（黄色）
5x5+ 块（红色）
原始 8x8 像素块（正方形块编码过程）
尺寸：8列 × 8行 = 64个像素 | 编码方式：最大正方形块合并（跨行跨列）
总像素数：
64
已编码块数：
0
编码效率：
0%
正方形块状编码结果（块序列）
每个块格式：{x, y, size, value} | x,y：起始坐标，size：正方形边长
[ // 编码过程中动态生成正方形块... ]
开始动画
单步执行
重置
动画速度：
4
x
页面已初始化完成，点击「开始动画」或「单步执行」查看正方形块逐个生成过程（按尺寸着色）