Adobe と Apple による Flash 論争などにより注目されはじめている HTML5。
その中に “Canvas” という図形を描くための仕様があります。
Flash や Java のようにプラグインが必要ではありませんが、四角や丸のような簡単な図形であればまだしも、ちょっと複雑な図形になるとコードを記述するのもたいへんです。
そのうち簡単にコードを記述できるアプリケーションがリリースされるだろうと思っていたのですが、なんと Adobe Illustrator のファイルを “Canvas” のコードに変換してくれるプラグインがありました。
Ai->Canvas という Adobe Illustrator 用プラグインです。
このプラグインを Adobe Illustrator にインストールして、ファイルから書き出しフォーマットで canvas を選択するだけです。
すごく簡単 😀
イラストレーターファイルを単純に書き出しただけですが、綺麗です。
まずは、ベクターのみのサンプルを2つほど。
サンプルのようなイラストだと、jpeg と比べてもほとんど違いはわかりません。
画像を配置したイラストレーターファイルでも OK です。
また、設定は複雑になりますがアニメーションも可能です。
ただ、2つ目のサンプルを例にとると、 canvas だけのファイルでもサイズが300KB ほどあります。
同じイラストの jpeg ファイルは、約100KB。
jpeg ファイルを表示するための html ファイルが約12KB なので、足してもファイルサイズは canvas だけのファイルの半分以下です。
う〜ん、このようなイラストだと canvas に変換してもあまり意味がないのかなぁ…
