画像を縁取るTOOL

写真などの画像をの縁取りをするＴＯＯＬを使ってみました。

ブログに写真をアップするときには普通の写真ですがスクリプトで表示を変化させて表示するので、写真の原本はそのままで表示だけが変化します。

今回はbevel.jsというスクリプトを使ってみました。

bevel.jsをサーバにアップロードしてブログやＨＴＭＬ文書のヘッド部で呼び出します。

例:スクリプトを呼び出す記述　
<script type="text/javascript" src="http://www.okanos.com/bevel.js"></script>

画像表示要素での指定
<img class="bevel noshine" src="abc.jpg" />

縁取りしたい画像の要素に　class="xxxx" でＸＸＸは変化の種類を指定します。

詳細はhttp://www.netzgesta.de/bevel/で確認してください