Несколько фильтров с camanjs не работают

У меня есть изображение, и я хочу применить яркость и контрастность к одному и тому же изображению. Если я просто применяю яркость, но если я применяю контрастность, это не работает; изображение становится черным. Я пробовал со слоями; это не сработало. Я пытался визуализировать в слое, а затем визуализировать после него; это также не сработало. Я попытался отобразить каждый фильтр; то же самое. Сначала я попытался просто применить контраст, а затем применить яркость; изображение становится серым. Я пробовал this.revert() и this.revert(false).Нет.

Что я делаю неправильно? Я хочу поставить лайк в разделе примеров на их сайте: http://camanjs.com/examples/ PS , значения яркости и контрастности взяты из двух входных диапазонов.

Код:

$('#brightI,#contrastI').on('input change', function(){

   var bright= document.getElementById("brightI").value;
   var contrast= document.getElementById("contrastI").value;

   $('#brightnessValue').text(bright);
   $('#contrastValue').text(contrast);
        Caman("#test", function () {
            this.revert(false);
            this.contrast(contrast);
             this.newLayer(function () 
             {
                this.setBlendingMode('multiply');
                 this.copyParent();
                 this.filter.brightness(bright);
            })
      this.render();
});
});


filter jquery camanjs contrast brightness
person user3806279    schedule 05.11.2015    source источник

Ответы (1)


arrow_upward
0
arrow_downward

Можете ли вы попробовать этот код.

$('#brightI,#contrastI').on('change', function(){
   var bright= document.getElementById("brightI").val();
   var contrast= document.getElementById("contrastI").val();

   $('#brightnessValue').val(bright);
   $('#contrastValue').val(contrast);
        Caman("#test", function () {
            this.revert(false);
            this.contrast(contrast);
             this.newLayer(function () 
             {
                this.setBlendingMode('multiply');
                 this.copyParent();
                 this.filter.brightness(bright);
            })
      this.render();
});
});

Я изменил событие привязки, и «текст» изменился на val() (вы можете использовать .html() в других элементах «не входы»)

.on('input change', function(){
.on('change', function(){

я не видел ни разу событие "input" :) удачи

person Levent ÖZÇELİK    schedule 05.11.2015