instagramぽい画像効果をJavaScriptで付与する「CamanJS」

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

使用方法 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」サンプル

sponsors

「instagramぽい画像効果をJavaScriptで付与する「CamanJS」」をシェアする

記事作成:
記事URL:

TOP > > > instagramぽい画像効果をJavaScriptで付与する「CamanJS」