skuare.net

instagramなどの写真加工アプリが増える中、WEBサイトで使う画像ももっと簡単にオシャレにしたい欲求が増えていませんでしょうか。
CamanJSというJavaScriptライブラリを使用することで、お手軽に画像に効果を与えることが可能です。

使用方法 CamanJSからファイルをダウンロード。
<script type="text/javascript" src="caman.full.js"></script>
<script type="text/javascript">
Caman("#id名",
function () {
this.brightness(15); //明るさ
this.contrast(30); //コントラスト
this.sepia(10); //セピア調
this.saturation(-10); //彩度
this.colorize(25, 180, 200, 20); //色を加える
this.exposure(10); //露出
this.render();
});
</script>
上記の他にもさまざまな設定を加える事ができますので、ぜひガイドを読んで、自分なりの効果を作ってみてください。
CamanJS - Basic Usage instagramぽい画像効果をJavaScriptで付与する「CamanJS」サンプル