は（ポイントは時間をかけて移動します）私はいくつかのデータの散布図をアニメーション化しようとしている（私はHTML5 ...に新たなんだので、小さな言葉を使う）</p> <p>をデータ

Question

の散布図をアニメーション化。

は今のところ、私は特定の座標とcontext.arc一連の（）は、アニメーションの一つ「フレーム」を作成することができます。フレームのシーケンスを作成し、これらの間、いくつかの遅延で順次それらをプロットします

私の最初に考えたのは、アニメーションGIFと同様の戦略を使用することです。

これは実行可能なアプローチですか？もしそうなら、どのようにレンダリングを遅らせるべきですか？私の最初の読書は、本当の睡眠機能がないことを示しているので、私はこの戦略が悪いのだろうかと思っています。

（また、代わりに私の低レベルのコーディングの散布のためのHTML5のマークアップを作成するためのソフトウェアの任意のポイントは素晴らしいことだ）

おかげ

Answer 1

canvas要素はあなたがsetTimeoutを使用することができ、JavaScriptから満たされているので、 JavaScriptタイマーの詳細については、setInterval関数、see hereを参照してください。これにより、所定の時間が経過した後に各フレームを描画することができます。 SVGのようなオブジェクト指向の言語はおそらくより適切でしょう。だから要素を引っ張るのではなく要素を動かすことができます。 「HTML5と互換性がある」と宣伝しているほとんどのブラウザでは、それを適切にサポートする必要があります。