SVGを簡単に使えるjavascriptライブラリ「Raphael.js」

HTML5より実装されたSVGの機能を簡単に使えるjavascriptライブラリ「Raphael.js」のご紹介です。

たまたま知りえたのでメモ代わりに。これを知った時は衝撃が走りました!!

WEBサイトに革命が起きそうな「Raphael.js」。しかも軽量(89KB)
→まずはデモをご覧下さい。

ライブラリのダウンロード

Raphaël—JavaScript Library」よりダウンロードしてください。

 

Raphael.jsの使い方

まずは適当な要素をHTMLでつくります。

[php]


[/php]

 

最後に呼び出し

[php]


[/php]

簡単な円を表示するサンプルですが、公式サイトのデモはほんとにすごい!
Demosより実際見て驚いて下さい。

このスクリプト何よりすごいのが、

・アニメーションが使える

・クロスブラウザ対応

Firefox 3.0+
Safari 3.0+
Chrome cheap nfl jerseys 5.0+
Opera 9.5+
Internet Explorer Bierutów: 6.0+.

私はまだ触り程度ですが今後色々と試していこうと思います。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です