Javascript 调用requestanimationframe时增加x和y

我希望x和y在每个requestAnimationFrame中增加1，它只增加一次

---

您的

animate

函数正在通过每次

update

调用启动

行

构造函数。 尝试在

显示

构造函数上启动

行

类，如下所示：

constructor() {
    this.canvas = document.querySelector("#canvas");
    this.ctx = this.canvas.getContext("2d");
    this.width = window.innerWidth;
    this.height = window.innerHeight;
    this.canvas.width = this.width;
    this.canvas.height = this.height;
    this.animateBound = this.animate.bind(this);

    this.line = new Line();
}

在

更新

函数中，调用现有的

行

的实例：

animate() {
    this.line.update(this.ctx);
    console.log('Animate called');
    requestAnimationFrame(this.animateBound);
}

animate() {
    this.line.update(this.ctx);
    console.log('Animate called');
    requestAnimationFrame(this.animateBound);
}