HTML5で注目！インラインSVGの使い方 (1/5)

HTML5ではビットマップ画像を手軽に扱える「Canvas」が話題ですが、「SVG」も画像関連で注目したい新技術です。HTML5ではInline SVG（インラインSVG）がサポートされ、HTML内にSVGを直接記述できるようになるのです。 今回のJavaScriptラボは、Firefox 4、Google Chrome 7、Internet Explorer 9を対象に、インラインSVGの使い方とJavaScriptによる制御方法について解説します。全部で3回に分けて、最終的には簡単なシューティングゲームを作成します。 SVGとは？ SVG（Scalable Vector Graphics）は、名前のとおりベクター形式の画像フォーマットです。ベクター形式とは、点と点で結ばれた線で図形を表す方法で、アプリケーションでいえばIllustratorがベクター形式を採用しています（Photosh

[Yukarigohan]

SVG

[nilab]

ASCII.jp：HTML5で注目！インラインSVGの使い方｜古籏一浩のJavaScriptラボ

[rikuo]

連載で、JavaScriptでインラインSVGを操作など。

[darani]

便利ではあるけれども、使いどころが悩ましい。パフォーマンスはどれくらいなのだろうか?