CamanJS Filter Example

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/camanjs/4.1.2/caman.full.js"></script>
<script src="http://civira.com/cdn/caman-adapter-jquery.js"></script>
<div id="temp_1"></div>
<textarea id="temp_2"></textarea>

CSS

#temp_2{
    width : 400px;
    height : 225px;
    word-break : break-all;
}
#temp_1{
    /*
    width : 0;
    height : 0;
    overflow : hidden;
    */
}

JavaScript

var image   = new Image(),
    $div_1  = $("#temp_1"),
    $div_2  = $("#temp_2");
image.src = image_1;
image.onload = function(){
    var $img = $(this);
    $div_1.append($img);
    $img.caman(function(){
        this.vintage();
        this.pinhole();
        this.render(function(){
            var uri = this.toBase64();
            $div_2.html(uri);
        });
    });
};