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

Question

У меня есть изображение, и я хочу применить яркость и контрастность на одном изображении. Если я просто применяю яркость, но если я применим с контрастом, это не сработает; изображение становится черным. Я пробовал со слоями; это не сработало. Я попытался сделать в слое, а затем, рендер после него; это также не сработало. Я попытался отобразить каждый фильтр; то же самое. Я попытался сначала применить контраст, а затем применить яркость; изображение становится серым. Я пробовал 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(); 
 
}); 
 
});

Answer 1

Вы можете попробовать этот код.

$('#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(); 
}); 
}); 

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

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

я не видел никогда «вход» событие :) удачи