剂量html5画布与实时移动物体配合良好?

时间:2017-03-11 16:27:11

标签: javascript html5 canvas

我正在开发一个应用程序,基本上是移动图片的对象,例如房子的地图和移动的人,所以我想要想象,我想到的第一种方法是使用带有画布的socket.io不断改变对象的位置,但这是一个不好的做法,考虑到画布每次发生变化时都会重新绘制它,实现它的最佳方法是什么?

2 个答案:

答案 0 :(得分:1)

如果它很简单我会建议查看SVG,否则你可以使用Canvas。实际上,所有浏览器都使用requestAnimationFrame针对Canvas进行了优化,因此刷新率不会出现任何性能问题。

答案 1 :(得分:0)

HTML5&#39的画布应该可以每50毫秒重绘一次

  

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

您应该使用一些具有透明度的画布来显示宏区域

然后只清理那些更改的画布,然后每50毫秒检查一次重绘它

它应该快速且得到很好的支持