SVGをIllustratorから書き出してHTML5に埋め込む方法 | ITベーシストぱらじの日常

お久しぶりです。 パラジです。 今回はHTML5のSVG要素についてです。 本日もHTML5とか勉強会に参加してきました。 http://html5j.komasshu.info/ri35th.html 勉強会ではWeb OSのお話をしていました。 Web OSはHTML5 + CSS3 + JavAScriptでいろいろなことが実現できるので 夢がひろがりますね(小学生並みの感想) さて、勉強会の内容とは全く異なることを書いていこうかと思います。 まず、HTML5で図形を描画する際には、canvasというHTML5の新要素を使うことが多いと思います。 (僕もちらっと書いたことがあります。機会があれば公開して行きたいと思います。) 今回紹介するSVGと、Canvasの違いはベクターベースか、ピクセルベースで描画しているかにあります。 要するに、SVGは関数で描画してあるた