canvas中requestAnimationFrame绘制红包雨的性能?
现在有两种方式,
- 每次创建一个红包时,都自带一个requestAnimationFrame来绘制它自己的新位置;canvas中可能同时会存在7、8个红包;
- 主方法控制一个requestAnimation,每次把存在的红包都循环绘制一次;
想请问下,这两种方式的性能上有区别吗?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

现在有两种方式,
想请问下,这两种方式的性能上有区别吗?
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
两种方式 每个红包在 requestAnimation 的时候都会绘制一遍,这个部分没有差异
方法一 每个红包 都有一次 requestAnimation 调用开销
方法二 所有红包 只有一次 requestAnimation 调用开销
实际上你也就 7,8个红包。。。这点调用开销是感受不出来的
关于 requestAnimation 的推荐做法是,只有一个。。。并且都在这个一个里做绘制(就是方法二)