动画数据的散点图

Question

（我是html5的新手...所以用小词）

我正在尝试为某些数据的散点图设置动画（这些点随时间推移而移动）。

现在，我有一系列具有特定坐标的context.arc（），可以创建动画的一个“框架”。

我最初的想法是使用类似于动画gif的策略：创建一系列帧并按顺序绘制它们，并在其间有一些延迟。

这是一种可行的方法吗？如果是这样，我应该如何延迟渲染？我的初步读数表明没有真正的睡眠功能，所以我想知道这个策略是不是很糟糕。

（另外，对于为散点图而不是我的低级编码创建html5标记的软件的任何要点都会很棒）

由于

Answer 1

由于canvas元素是通过JavaScript填充的，因此您可以使用setTimeout或setInterval函数see here获取有关JavaScript计时器的更多帮助。这将允许您在预定的时间后绘制每个帧。面向对象的语言（如SVG）可能更合适，因此您可以移动元素而不是绘制它们;大多数浏览器宣称自己是＆＃34; HTML5兼容＆＃34;应该有合理的支持。