Javascript 递归动画在SVG中的工作原理

我指的是下面链接中给出的svg动画 我无法理解这里的递归是如何工作的

    var offset = 0;
var animation = function() {
  offset -= 100;
  pattern.animate({ x: offset }, 500, mina.ease, animation);
};

---

在这里，我们在每个函数调用中更改x轴，因此x轴在某个点应该超出屏幕。请帮助我理解它是如何工作的

这里没有任何东西在页面上移动。此处移动的

x

是图案的x偏移量。SVG

是一种填充，由在每个方向无限重复的“平铺”组成。

有一个

x

和

y

属性，告诉浏览器从何处开始平铺。为图案的

x

偏移设置动画的效果是使其看起来像瓷砖在对象上连续移动

---

想象一扇长方形的窗户躺在铺着瓷砖的地板上。如果你在地板上滑动窗口，你会觉得瓷砖图案在窗口中移动。

这里没有任何东西在页面上移动。此处移动的

x

是图案的x偏移量。SVG

是一种填充，由在每个方向无限重复的“平铺”组成。

有一个

x

和

y

属性，告诉浏览器从何处开始平铺。为图案的

x

偏移设置动画的效果是使其看起来像瓷砖在对象上连续移动

想象一扇长方形的窗户躺在铺着瓷砖的地板上。如果你在地板上滑动那扇窗户，在你看来就像瓷砖图案穿过窗户一样