HTML5 キャンバス 2d でコンテキストをアニメーション化する方法はありますか?
巨大なコンテキストを作成したいのですが、その一部だけを画面に表示したいと思います。translate次に、アニメーションを適用してコンテキストをスクロールし、コンテキストの他の部分を表示したいと思います。
どうすればいいですか？
質問する
855 次
1 に答える
1
表示したいもの全体を含むコンテキストで 1 つのキャンバスを作成します。必要に応じて画面上に表示して、どのように見えるかを確認できます。
次に、それを作成するために持っているものを取り、それを関数または何らかのクロージャで囲みます。次に、document.createElement('canvas') を使用し、表示コンテキスト用に作成したコードのコンテキストを使用します。
次に、表示されているキャンバスのメイン コンテキスト内で .drawImage() を使用して、他のコンテキストを画面に描画し、アニメーション ループで上方向にアニメーション化できます。
もう少し分かりやすくできたらいいなと思いますが、例を示すとわかりやすいです。
オフスクリーン レンダリングは、本質的に私が説明しようとしているものです。
于 2012-05-14T19:14:51.970 に答える