CamanJS Example

gistfile1.js

// First, initialize Caman (only do this once)
caman = Caman("#image-id");

// This will be called when a slider is adjusted
var applyFilters = function () {
  // Revert the canvas to its original state. This is asynchronous.
  caman.revert(function () {
    // Once canvas is ready, go through each slider and call filter
    var slider;
    for (var key in sliders) {
      slider = sliders[key];

      // Call the caman filter with the slider value
      caman[slider.filter](slider.value);
    }

    // Once Caman knows all the filters and their adjustment values,
    // we can render the canvas.
    caman.render();
  });
};

Quick note: the API isn't async anymore! Better use caman.revert(false);.