画像をリアルタイムにフィルタ加工するJavaScript （swfIR）

スタイルシートやJavaScriptを利用して、角丸、シャドウなどのフィルタを適用する手法は色々とあるが、swfIR （swf Image Replacement）を利用することで、さらに、回転（変形）させることが可能になる。適用できる効果は4種類（ドロップシャドウ、角丸コーナー、ボーダー、回転）。

img タグとして配置した画像を、JavaScriptによってFlash オブジェクトに置換する。画像フィルタ効果はFlashが行うため、画像の劣化などがなく、非常にきれいに各フィルタ効果を適用できる。適用できるオプションも細かく指定できるようになっている。

フィルタ効果を適用

JavaScript＋SWF の組み合わせにより、実に色々なことができるようになる好例。既存のコンテンツへの導入の際は、エフェクトを適用する画像に対しJavaScriptを記述する必要はあるものの、非常に楽にフィルタ効果を適用できる。

導入するファイルも合計で30kbyte程度。サンプルページも用意されている。window.onload イベントでの呼び出し方法を確認することができるので、導入の際に参考してください。