HTML5アニメの概要を総ざらいしたい。

モバイル向けFlashがディスコンになったところでHTML5アニメを総ざらいしたい。

アドビから正式に発表がありました。
これで、HTML5へのシフトが加速すると思われます。
しかし、HTML5アニメーションといっても、
主要なフォーマットだけで、三つもあります。
まずは、DOMアニメーション。
これはcss,JavaScriptだけで作るアニメーションです。
そして、SVG。
これはベクター形式で画像を扱います。
RaphaëlというJavaScriptライブラリが有名です。
次に、canvas。
これはもともとAppleのMachintoshの「ダッシュボード」に使われていたテクノロジーです。
それぞれ長所・短所があります。
1)DOMアニメーション
長所・・・軽い。スマートフォンのよな非力な環境でも軽快に動く。
短所・・・複雑な図形は扱えない。せいぜい円、四画形（角丸）、くらい。

2)SVG
長所・・・ベクターグラフィックスなので、画像を拡大しても劣化しない。
短居・・・現状Androidの対応が遅れている。

3)Canvas
長所・・・svgより複雑なアニメーションを作ることができる。
短所・・・イベントハンドラを実装できない。