Как установить яркость изображения, чтобы вернуть его оригинальную яркость?

Question

Я использую Pixastic для работы с изображениями. В настоящее время я использую код яркости / контрастности.

Вот код HTML

<input type="range" id="brightness_range"  min="-150" max="150" value="0" />

и это код JQuery Pixastic

jQuery('#brightness_range').change(function(){
        var img = document.getElementById ('image');
        var brightness_val = parseInt(jQuery('#brightness_range').val());
        Pixastic.process(img, "brightness", {brightness:brightness_val});
    });

Я могу установить яркость, но не могу вернуть его обратно.

Позвольте мне объяснить... Например, я изменил значение ползунка на 25, а затем установил яркость на 25, но если я снова перетаскиваю значение ползунка на 0 из 25, то это не устанавливает исходную яркость изображения...:(

Я думаю, что это добавляет ценность каждый раз сначала 25, а затем плюс 25 (50) .

Пожалуйста, ребята, помогите мне, я задавал подобные вопросы вчера, но не получил никакого ответа от stackru.

И я думаю, что нет другого варианта изменить яркость изображения с помощью ползунка или, пожалуйста, скажите мне.

Спасибо!!!

Answer 1

Каждое пиксельное действие выполняется в верхней части холста. Итак, на самом деле вы сначала делаете яркость 25, а затем яркость 0 (что ничего не делает).

Чтобы это работало так, как вы ожидаете, измените код на следующий:

jQuery('#brightness_range').change(function(){
    var img = document.getElementById ('image');
    var brightness_val = parseInt(jQuery('#brightness_range').val());
    Pixastic.revert(img); // Note that this is an undocumented feature, but it exists.
    Pixastic.process(img, "brightness", {brightness:brightness_val});
});