HTML5のCanvasで描いた絵で各ブラウザ描画比較
HTML5のCanvas機能を勉強がてら、最近ネット界隈で話題となっていた「CSS3でドラえもんを描いてみた」という方に影響されて、Canvas機能のみで画像を使わずにドラえもんを描いてみました。
Canvasは画像ではなくコードなので、ブラウザが解釈して描画する関係上、ブラウザ毎に描画のされ方が異なります。というわけでせっかく絵を描いたので、下記のブラウザで撮ったスクリーンショットをまとめてみました。ついでなのでHTML5を一部サポートしたAdobe AIR 2.0でも試しています。
こう見るとAIRのレンダリングエンジンはFirefoxに近いように見えます。また青い部分は斜め方向にグラデーション（明るい青から暗い青）しているのですが、IE以外は明確には表れておらず、IEも8と9とでグラデーションが逆になっていたりと、色々と気になる所が見つかりました。
