これはすごい!illustratorで描いたものをcanvas形式のコードに変換するイラストレータープラグインAi to Canvasのご紹介です。
via.http://www.visitmix.com/labs/ai2canvas/index.html

この「Ai to Canvas」プラグインをインストールするだけでillustratorで描かれたものをHTML5(canvas)でのコードを生成出来ます。なおこのプラグインはCS3,CS4,CS5に対応しています。

使用方法


「Ai to Canvas」をインストール後illustratorを起動しまずは簡単な図形を描きます。


図形かなにか描けたら、「ファイル」→「書き出し」を選択します。


するとファイルの種類に「canvas」が追加されていますので、そのままHTMLを保存しcanvasを表示出来るブラウザで確認すると、


実用出来るレベルの再現度でソースが生成されました。

今回のサンプルはかなりシンプルなものでしたが公式サイトではもっと複雑な図形のサンプルもありますので、一度興味のある方は見てください。