Объединение эффектов/фильтров с использованием Pixastic

Question

Я использовал Pixastic для изменения простых эффектов, таких как яркость и контраст изображения на холсте.

Однако, я не смог найти способ применить эти эффекты вместе. Например. Применяя яркость, применяя контраст на этом уже увеличенном изображении, а не на исходном изображении.

Использование Pixastic.revert(img); не работает, поскольку оно применяет каждый эффект к исходному изображению вместо их разбиения.

Я даже не уверен, что это возможно с Pixastic, так как я не мог найти решение этого в течение нескольких недель.

Есть ли другой плагин jquery, который выполняет похожие действия, такие как изменение яркости и контрастности изображения. Мне нужно заставить это работать для IE9 +, поэтому мои параметры очень ограничены. Большинство вещей, похоже, работают только для Chrome/Opera/Safari и т. Д.

Answer 1

Посмотрите на CamanJS.

На их docs есть следующий пример:

Caman("#image-id", function() { 
    this.brightness(10); 
    this.contrast(20); 
    this.render(function() { 
    alert("Done!"); 
    }); 
}); 

Эта библиотека использует скрытый холст, и после рендеринга, он сбрасывает src attribure из img тега в формате base64.

И да, она работает с IE9 +

Вы можете просмотреть примеры here.