Sphere.jsを使う

JavaScript

Web creatorsの2009年1月号で紹介されていた、透き通ったボールのようなアイコンを作るライブラリshpere.jsを使ってみる。
ライブラリをダウンロードし、次のHTMLを準備する。

<head>
    <script type="text/javascript" src="/home/hoge/js/sphere/cvi_sphere_lib.js"></script>
    <script type="text/javascript" src="/home/hoge/js/sphere/sphere.js"></script>
  </head>
  <body>
    <img class="sphere icolor0000ff igradient00ffff ialpha75" src="/home/hoge/pictures/sakura2008.jpg" height="512" border="0" alt=""/>
  </body>

これをブラウザで読み込むと、

図１：元の画像

図２：作成された画像

のように表示できる。