javascript - Html5、JavaScript、キャンバス アニメーション?

Question

私は時計の「秒針」画像を毎秒動かす必要があります。キャンバスを使用すると、毎秒キャンバスを削除するので、時計の写真と「秒針」の写真を読み込むのは面倒です。

私は助けが必要です。

Answer 1

レイヤーを使用する必要があります... 動いている部分だけを描くには。このアドレスにすばらしいチュートリアルがあります: http://arc.id.au/CanvasLayers.html

このウェブサイトからの引用：

従来のアニメーション手法では、背景画像の上に重ねられた透明なレイヤーのスタックを使用し、アニメーション化するアイテムはそれぞれ別のレイヤーに描画されます。各フレームで変化するレイヤーのみが再描画され、他のレイヤーは変更されません。グラフィックス エンジンは、ユーザー コードを必要とせずに、下層のレイヤーから再描画される露出領域を分類できます。