在类中使用requestAnimationFrame

Tc_

我在寻找如何requestAnimationFrame在课堂上使用时遇到问题

这段代码工作正常:

window.onload = function () {
    var width = 20;
    function animation() {
        width++;
        var element = document.getElementById("box");
        element.style.width = width + "px";
        requestAnimationFrame(animation);
    }
    requestAnimationFrame(animation);
};

但是,当我尝试将其放入课堂时,没有任何结果。

class Animation{
    width: number = 20;

    constructor() {
        requestAnimationFrame(this.loop);
    }
    loop() {
        this.width++;
        var element = document.getElementById("box");
        element.style.width = this.width + "px";
        requestAnimationFrame(this.loop);
    }
}
window.onload = function () {
    var animation = new Animation();
};

有人可以告诉我这是怎么回事吗?

巴萨拉特

requestAnimationFrame(this.loop);如果您是通过别人的一个函数,它们要调用使用箭头即requestAnimationFrame(()=>this.loop());loop = () => {

更多:https : //www.youtube.com/watch?v=tvocUcbCupA

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章