キャンバスのコンテキストを取得し、キャンバスに描画するために2つのRectangleオブジェクトを追加するための簡単なコードを記述しました。私の問題は、私がcontext.clearRect（）を使用しようとしたときにアニメーション化できないことです。コンテキストが未定義であることを示すエラーをスローします。しかし、そうでなければ私が働いていない描く方法さえあります。私は解決策を理解することができません。私が見たエラーは、Firebugコンソールにありました。私はキャンバス内のアニメーションが機能しない
http://jsfiddle.net/shivkumarganesh/b8cKZ/
setTimeout(refresh, 1000);
でフィドルの私のコードを持っていることは問題です。この関数を呼び出していますが、パラメータを渡していません。必要な変数をグローバルとして宣言したので、パラメータを必要とすることも必要ありません。refresh
drawObj.push(new Rectangle("20", "20", "30", "40", "#3A5BCD"));
drawObj.push(new Rectangle("50", "50", "100", "30", "#EF2B36"));
x、y、幅、高さの文字列を渡しています。あなたがChromeのデバッガ（コントロール+シフト+ j）を使用することを学ぶ必要があるので、これは幅が「3000000000000000000000」と言って、文字列されて終わる意味文字列の連結を、行い
objArray[i].width=objArray[i].width+j;
objArray[i].height=objArray[i].height+j;
... ...
、このような問題を見つけるのは本当に簡単です。
またrequestAnimationFrameの代わりのsetTimeoutと無意味に再描画しないすべてのフレームあたり100回を使用:)
アニメーションが存在するように、コードを編集することができますか？ Pls –