[HTML5]Raphael.jsを使用してIE上でもSVGを使う前回の記事でもお伝えしましたが、IE8上ではSVGが動きません。IE9上でもanimateがうまく動きません。そこでRaphael.jsというjavascriptのSVGフレームワークを使うことにしました。このフレームワークは、SVG対応しているブラウザにはSVGで表示させ、SVG対応していないブラウザにはVMLという旧ベクター表示形式で表示してくれるスグレモノです。 これでIEでもベクターアニメーションが利用できるんです。早速利用してみましょう。 使ってみる Raphaël—JavaScript Library こちらからjsはダウンロードできます。使い方は簡単で、javascriptを読み込んだ後、ページ内の要素に関数を使用してオブジェクトを埋め込むだけです。 今回はpath関数を使用してIllustratorから出力した少し複雑なSVGを読み込ませてみました。 いかがですか？きち
