可视化乘法

任务

创建一小程序以可视化自然数乘法. 探索下面的小程序, 并尝试按照下面的指导创建一个.

1		创建一个水平滑动条 Columns, 区间从 1 到 10, 增量为 1 及宽度为 300. 窍门: 可以在设置的滑动条选项卡中更改它的宽度.
2		创建新点 A.
3		从点 A 开始绘制长度为 Columns 的线段 f.
4		移动滑动条 Columns 以检查定长线段.
5		绘制过点 A 且垂直线段 f 的直线 g.
6		绘制过点 B 且垂直线段 f 的直线 h.
7		创建一个垂直滑动条 Rows, 区间从 1 到 10, 增量为 1 及宽度为 300. 窍门: 可以在滑动条选项卡或滑动条对话框中选择滑动条的方向.
8		创建一个以 A 为圆心, 半径为 Rows 的圆 c.
9		移动滑动条 Rows 以检查已知半径的圆.
10		获取圆 c 与直线 g 的交点 C. 窍门: 选择交点工具, 单击点 A 上方的交点以创建此唯一点 C.
11		过交点 C 创建一条与线段 f 平行的平行线 i.
12		取两直线 i 和 h 的交点 D.
13		绘制多边形 ABDC.
14		隐藏所有直线, 圆 c 和线段 f.
15		用样式栏隐藏线段的标签.
16		将两个滑动条 Columns 和 Rows 的值都设为 10.

17		创建垂直线段列表. Sequence(Segment(A+i(1, 0), C+i(1, 0)),i ,1 ,Columns) 注意: A + i(1, 0) 指定了一系列以点 A 为起点且彼此距离为 1 的点. C + i(1, 0) 指定了一系列以点 C 为起点且彼此距离为 1 的点. Segment(A + i(1, 0), C + i(1, 0)) 在成对的这些点之间创建线段列表. 请注意, 线段的端点并未在绘图区中显示. 滑动条 Columns 确定了创建的线段的数量.
18		创建水平线段列表. Sequence(Segment(A+i(0, 1), B+i(0, 1)), i, 1, Rows)
19		移动滑动条 Columns 和 Rows 以检查作图.
20		使用滑动条 Columns 和 Rows 的值作为乘数, 插入静态和动态文本, 说明乘法问题: text1: `Columns` text2: `` text3: `Rows` text4*: `=`
21		计算乘法的结果: result = Columns * Rows
22		插入动态文本 text5: result
23		隐藏点 A, B, C 和 D.
24		使用样式栏增强作图效果.