剂量HTML5画布与实时移动对象的效果很好



我正在开发一个基本上是对象在图片上移动的对象将socket.io与帆布一起使用,并继续更改对象的位置,但是考虑到每当某些东西变化时,考虑到帆布重新绘制它的不良习惯,什么是实现此目标的最佳方法是什么?

如果很简单,我建议您研究SVG,否则您可以使用帆布。实际上,所有浏览器均使用requestAnimationFrame优化了画布,因此您的刷新率不应有任何性能问题。

html5的画布应该每50 ms

重新绘制

编辑,我的答案更长,但是idk为什么缺少一个很大的部分:

您应该使用一些具有透明度的画布

,然后仅清洁更改的画布,然后每50 ms

检查一次

它应该是快速且支持良好的

相关内容

最新更新