先做一个简单点的，用函数图像模拟：
a = 9.3 （滑动条，0--6π，增量0.01，单向递增）
f(x) = 如果(0 ≤ x ≤ 6π, sin(x - a) + 2)
A = (0, 0)
B = (6π, 0)
C = (6π, 6)
D = (0, 6)
l1 = {A, B, C, D}
q1 = 多边形(l1) （白色反向填充，不透明）
b = 积分介于(f, 0x, 0, 6π)
在实际运用中，一般是图片作为背景，图片不会像函数图像那样周期性地出现，我们要实际其滚动，至少满足两个条件：1、图片左右接近边缘地方是一致的，如上图函数左右边缘值是相等的；2、需要至少两张一样的图，便于在背景框中滚动。
我们从网上找了一张这样的图片，如下：
设置图片pic1角点1、2、4，使其与背景框q1一样大：
E = (a, 0)
F = (6π + a, 0)
G = (a, 6)
其中E设为图角点1，F设为图片角点2，G设为图片角点4。
复制一份图片pic1_1，设置其角点如下：
E_1 = (a - 6π, 0)
F_1 = (a, 0)
G_1 = (a - 6π, 6)
两图片拼接效果如上，由于图形是左右边缘满足条件，其拼接就无缝自然，这也是为什么滚动背景图要左右边缘满足条件了，接下来启动动画就行了：
a = 9.3 （滑动条，0--6π，增量0.01，单向递增）
f(x) = 如果(0 ≤ x ≤ 6π, sin(x - a) + 2)
A = (0, 0)
B = (6π, 0)
C = (6π, 6)
D = (0, 6)
l1 = {A, B, C, D}
q1 = 多边形(l1) （白色反向填充，不透明）
b = 积分介于(f, 0x, 0, 6π)
在实际运用中，一般是图片作为背景，图片不会像函数图像那样周期性地出现，我们要实际其滚动，至少满足两个条件：1、图片左右接近边缘地方是一致的，如上图函数左右边缘值是相等的；2、需要至少两张一样的图，便于在背景框中滚动。
我们从网上找了一张这样的图片，如下：
设置图片pic1角点1、2、4，使其与背景框q1一样大：
E = (a, 0)
F = (6π + a, 0)
G = (a, 6)
其中E设为图角点1，F设为图片角点2，G设为图片角点4。
复制一份图片pic1_1，设置其角点如下：
E_1 = (a - 6π, 0)
F_1 = (a, 0)
G_1 = (a - 6π, 6)
两图片拼接效果如上，由于图形是左右边缘满足条件，其拼接就无缝自然，这也是为什么滚动背景图要左右边缘满足条件了，接下来启动动画就行了：
